ajax异步上传文件插件ajaxfileupload

要使用ajax异步的方式传递文件的话我们可以使用js插件ajaxfileupload,插件可以实现提交表单中的file对象,并且同时还能传递参数.
使用方法如下
首先页面中引入插件

<script src="${ctx}/static/js/ajaxfileupload.js">script>

    $('#fileToUpload').on('change', function() {  
        $.ajaxFileUpload({  
            url:'../FileUploadServlet',  
            secureuri:false,  
            fileElementId:'fileToUpload',//file标签的id  
            dataType: 'json',//返回数据的类型  
            data:{name:'logan'},//一同上传的数据  
            success: function (data, status) {  

            },  
            error: function (data, status, e) {  

            }  
        });  
    }); 

  
<img id="upload" alt="" style="width: 200px; height: 200px"  
    src="">  

  
<input id="fileToUpload" style="display: none" type="file" name="upfile">