使用js原生的fetch如何上传文件?

原创 野人  2021-11-20 20:22  阅读 207 次

其实吧,这篇文章的《踩坑篇--使用 fetch 上传文件》作者,已经写的非常详细了,我就是看了他的文章,非常快的就解决了,所以他所说的“坑”对于我来说===“没坑”,所以有时候去一家新的公司,都希望有些大佬来带带,至少很多坑,别人已经踩过了,不需要重复踩了。

可能又有人说,别人踩过的坑又不是你的,你那么轻易的解决了,还算坑吗?是哦,好像是不算,但是算不算还不是我自己说的算,我还打算把它都一一记录下来,至少让这些坑留在我的编程流水账中,等我不想写代码的时候,或者想看看当初的自己是怎么熬过来的,回头看,估计又是一顿嘲笑自己,当初的自己原来菜的可以啊,然而这些都是我宝贵经验啊。

废话又说了那么多,还不进入正题,直接放代码。

const form = new FormData();
form.append('file', file);//这里的file变量,一般都是从外面传入的文件对象
fetch(url, {
    //对于上传文件无需设置header,浏览器会自动处理
    method: 'POST',
    body: form,//对于上传文件需要自己构造下表单的文件域
})

有了“前人的栽树,后人乘凉”,实在香啊。

本文地址:https://www.yerenwz.com/5180.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论