欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

JQ插件ajaxFileUpload、php实现图片,数据同时上传 ajaxfileupload乱码 ajaxfileupload ie8 ajaxfileupload ie

程序员文章站 2022-04-30 14:28:59
...
代码结构如下:

JQ插件ajaxFileUpload、php实现图片,数据同时上传 ajaxfileupload乱码 ajaxfileupload ie8 ajaxfileupload ie

1、HTML代码,没必要解释了。

 1DOCTYPE html> 2html> 3head> 4meta charset="UTF-8"> 5title>文件上传title> 6script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js">script> 7script src="uploads/ajaxFileUpload.js" type="text/javascript" charset="utf-8">script> 8script type="text/javascript"> 9            $(function(){
10                $('#ti').click(function(){
11var data = { name: 'my name', description: 'short description' } 
12                    $.ajaxFileUpload({
13                        url: 'up.php',
14                        secureuri: false,
15                        data: data,
16                        fileElementId: 'upf',
17                        dataType: 'json',
18                        success: function (data) {
19// var datejson=eval(data);20//console.log(data[0].path_name)21                         $('#im').append('JQ插件ajaxFileUpload、php实现图片,数据同时上传 ajaxfileupload乱码 ajaxfileupload ie8 ajaxfileupload ie')    
22//console.log('JQ插件ajaxFileUpload、php实现图片,数据同时上传 ajaxfileupload乱码 ajaxfileupload ie8 ajaxfileupload ie')23                        },
24                        error: function (data) {
25                              console.log(data)
26                        }
27                    });
2829                })
3031            })
32script>33head>34body>3537input  type="file" name="upfm" id="upf" value=""/>38input id='ti' type="button" value="提交"/>3940div id="im">4142div>4344body>4546html>

2、关于ajaxFileUpload插件,在下面代码中如果你使用的是JQ1.9以上请复制1-12到你的ajaxFileUpload代码中,JQ在很早就废弃了handleError方法。注释关于代码的解释很清楚。

  1jQuery.extend({
  2     handleError: function( s, xhr, status, e )         {
  3  4if ( s.error ) {
  5                     s.error.call( s.context || s, xhr, status, e );
  6                }
  7  8  9if ( s.global ) {
 10                     (s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError", [xhr, s, e] );
 11                }
 12   },
 13     createUploadIframe: function (id, uri) {//id为当前系统时间字符串,uri是外部传入的json对象的一个参数 14//create frame 15var frameId = 'jUploadFrame' + id; //给iframe添加一个独一无二的id 16var iframeHtml = '
相关标签: ajaxfileupload