码迷,mamicode.com
首页 > Web开发 > 详细

记一次ajax文件上传

时间:2019-08-06 14:15:25      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:append   input   地方   new   not   隐藏   app   直接   data   

一个新需求提交页面。

在页面提交的时候,使用的是,先上传文件再上传表单

在这里需要返回表单存储的文件地址,需要上传。所以。在上传文件之后会返回存储的地址。

这里犯的一个错误:

往input 的type 为file 里面放存储地址,会在浏览器报错InvalidStateError: An attempt was made to use an object that is not, or is n

后来使用一个input 的type 为text  隐藏起来。 把文件地址存到这里面。

再记一次文件上传时注意的地方

上传文件时一开始使用的:

var file = $(this)[0].files[0];

直接data: file

后来改为

var fd = new FormData();
        fd.append( "file", file);

 

记一次ajax文件上传

标签:append   input   地方   new   not   隐藏   app   直接   data   

原文地址:https://www.cnblogs.com/sunshine99/p/11308223.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!