移动端ajax上传文件,jQuery插件AjaxFileUpload实现ajax文件上传

1、引入AjaxFileUpload插件相关的js

备注：测试发现，ajaxfileupload对jQuery版本是有要求的，在使用中ajaxfileupload和jQuery对应的js版本要一致，不然会导致异常发生，可以从

2、实现上传功能代码

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>

HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

">

ajax文件上传

$(function(){       //上传图片

$("#btnUpload").click(function() {

alert(ajaxFileUpload());

});

});    function ajaxFileUpload() {        // 开始上传文件时显示一个图片

$("#wait_loading").ajaxStart(function() {

$(this).show();        // 文件上传完成将图片隐藏起来

}).ajaxComplete(function() {

$(this).hide();

});        var elementIds=["flag"]; //flag为id、name属性名        $.ajaxFileUpload({

url: 'uploadAjax.htm',

type: 'post',

secureuri: false, //一般设置为false

fileElementId: 'file', // 上传文件的id、name属性名

dataType: 'text', //返回值类型，一般设置为json、application/json

elementIds: elementIds, //传递参数到服务器

success: function(data, status){

alert(data);

},

error: function(data, status, e){

alert(e);

}

});        //return false;    }    

/images/loading.gif"/>

请稍等...