关于使用jQuery前端上传文件
生活随笔
收集整理的這篇文章主要介紹了
关于使用jQuery前端上传文件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
關于使用jQuery前端上傳文件
我們都知道 html中file類型的input可以直接讀取本地的文件;
如果使用form表單的話，那么action = url 這就會上傳完文件會刷新頁面，返回值就會顯示在頁面區域，顯然這并不是我們想要的。
所以要再用 ajax 技術，采用無刷新的上傳文件。
代碼如下：
html
<body><input type="file" name="upfile" id="upfile"/><input id="uploadBtn" type="submit" value="開始上傳" />//引入jquery庫<script src="../js/jquery-1.10.1.min.js"></script> </body>js
var url = "http://192.168.100.151:7001/GDPaymentCenterServer_FromService/UploadFileServlet.do";$('#uploadBtn').on('tap', function(){fd.append("paragram", 12345); //上傳的參數名 參數值 k-v鍵值對fd.append("upfile", $("#upfile").get(0).files[0]);//上傳的文件file$.ajax({url: url,type: "POST",processData: false,contentType: false,data: fd,success: function(data) {console.log(data);}})})總結
以上是生活随笔為你收集整理的关于使用jQuery前端上传文件的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 解决ElasticSearch启动报错
- 下一篇： uniapp谷歌浏览器dev环境跨域问题