首页 > Web开发 > 详细

基于jQuery通过jQuery.form.js插件实现异步上传

时间:2017-02-26 12:14:21      阅读:211      评论:0      收藏:0      [点我收藏+]
本文主要从前台代码分析了jquery.form.js实现异步上传的方法,具体代码如下

js代码:
用beforeSubmit对上传前是否选择了文件进行校验,它会在提交表单前先执行。
  1. //导入Excel
  2. function fncImport() {
  3. var options = {
  4. url:‘<c:url value="/yyfk/sgpurchaseManage/s-gpurchase!excelImport.action"/>‘,
  5. type:"post",
  6. dataType : ‘json‘,
  7. beforeSubmit:function(){
  8. if($("#upload").val()==""){
  9. alert("请先选择要上传的文件!");
  10. }
  11. },
  12. success : function(data){
  13. alert(data);
  14. }
  15. };
  16. $(‘#importForm‘).ajaxSubmit(options);
  17. }

jsp代码:
  1. <form id="importForm" method="post" encType="multipart/form-data" >
  2. <input type="hidden" name="fileHideUploadFlag" id="fileHideUploadFlag" value="-1"/>
  3. <input type="file" id="upload" name="upload" size="20" ContentEditable="false" class="Lbordercolor" value=""/>
  4. <input name="fncadd" type="button" class="anniu" value="批量导入" onclick="fncImport();"/>
  5. </form>

此外,请检查jQuery版本与jQuery Form版本是否匹配,按jQuery Form官方推荐,需要使用jQuery 1.5+。我用的是jquery-1.11.3.js和 jquery-form技术分享4.0.1技术分享
版本一定要选择正确,我刚开始时也是因为版本不对,花费了较长时间,大概从周六下午5点一直弄到了周日上午11:34



附件列表

     

    基于jQuery通过jQuery.form.js插件实现异步上传

    原文:http://www.cnblogs.com/Yenjeanhung/p/442d704733cb1671ce5b18cec0a9227f.html

    (0)
    (0)
       
    举报
    评论 一句话评论(0
    关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
    © 2014 bubuko.com 版权所有
    打开技术之扣,分享程序人生!