使用AjaxFileUpload.js实现异步文件上传示例

<br><input type="file" name="upload" hidden="hidden" id="file_upload" accept=".zip" /> <br> <br>js: <br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li><br>$.ajaxFileUpload({ <br>url:'${pageContext.request.contextPath}/Manage/BR_restorePic.action', //需要链接到服务器地址 <br>secureuri:false, <br>fileElementId:'file_upload', //文件选择框的id属性 <br>dataType: 'text', //服务器返回的格式，可以是json、xml <br>success: function (data, status) //相当于java中try语句块的用法 <br>{ <br><br>$('#restoreDialog').html(data); <br><br><br><br><br>//alert(data); <br>}, <br>error: function (data, status, e){ //相当于java中catch语句块的用法 <br><br>$('#restoreDialog').html("上传失败，请重试"); <br>} <br>}); <br> <br>这个方法还会出现一个问题，就是input只能使用一次的问题，input第二次的onchange将不会被执行，这应该是与浏览器的有关，解决办法就是替换这个input <br><br>像这样： <br><span><u></u></span> 代码如下:<pre class="brush:php;toolbar:false layui-box layui-code-view layui-code-notepad"><ol class="layui-code-ol"><li><br>$('#file_upload').replaceWith('<input type="file" name="upload" hidden="hidden" id="file_upload" accept=".zip" />'); <br></li><li>            </li><li>                                </li></ol></pre></li></ol></pre>