jQuery File Upload文件上传
生活随笔
收集整理的這篇文章主要介紹了
jQuery File Upload文件上传
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
最近在寫單文件上傳，用jQuery File Upload踩了好多坑，但終于實現了單文件，通過按鈕提交。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head><meta charset="UTF-8"><title>測試jqueryUploadFile</title><script src="js/jquery.min.js"></script><script src="js/jquery.ui.widget.js"></script><script src="js/jquery.iframe-transport.js"></script><!--不跨域可不用xdr-transport--><script src="js/jquery.xdr-transport.js"></script><script src="js/jquery.fileupload.js"></script> </head> <body> <input type="file" id="uploadFile" name="uploadFile"> <input type="button" id="uploadFileButton" value="上傳文件"/> <script>$(function () {$('#uploadFile').fileupload({replaceFileInput:false, //顯示所選擇的文件名autoUpload: false, //不自動上傳url: 'http://localhost:8080/uploadFile',//請求的服務器地址dataType: 'text', //響應的json或者文本add:function (e,data) {//綁定上傳按鈕的click事件，為了避免重復click，先解綁，再綁定$('#uploadFileButton').off('click').on('click',function () {data.submit()})},done: function (e, data) {console.log('done' + data)}})}) </script> </body> </html>?
總結
以上是生活随笔為你收集整理的jQuery File Upload文件上传的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 计算机辅助药物设计课程,计算机辅助药物设
- 下一篇： 苹果计算机次方怎么按,详细的mac计算器