qq_32446263
altria_zhou
采纳率0%
2017-03-27 13:53 阅读 10.1k

ajax中如何设置multipart/form-data

如何在不使用表单的情况下,通过ajax上传图片,multipart/form-data如何设置

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

3条回答 默认 最新

  • u013772876 夜半无声 2017-03-28 02:20
     <form id= "uploadForm">  
          <p >指定文件名: <input type="text" name="filename" value= ""/></p >  
          <p >上传文件: <input type="file" name="file"/></ p>  
          <input type="button" value="上传" onclick="doUpload()" />  
    </form>  
    
    
    function doUpload() {  
         var formData = new FormData($( "#uploadForm" )[0]);  
         $.ajax({  
              url: 'http://localhost:8080/cfJAX_RS/rest/file/upload' ,  
              type: 'POST',  
              data: formData,  
              async: false,  
              cache: false,  
              contentType: false,  
              processData: false,  
              success: function (returndata) {  
                  alert(returndata);  
              },  
              error: function (returndata) {  
                  alert(returndata);  
              }  
         });  
    }  
    
    点赞 2 评论 复制链接分享
  • caozhy 从今以后生命中的每一秒都属于我爱的人 2017-03-27 14:27
  • showbo GoCityPass新加坡曼谷通票 2017-03-28 02:14

    单独ajax上传不了图片,需要用FormData对象,但是ie9-不支持
    可以使用jquery.form.js插件,支持FormData就用这个,否则iframe模拟
    http://www.cnblogs.com/heyuquan/p/form-plug-async-submit.html

    点赞 评论 复制链接分享

相关推荐