记一次ajax文件上传

Posted 2022-06-15 sunshine99

一个新需求提交页面。

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

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

这里犯的一个错误：

往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);