js将项目中的图片上传到服务器

项目上有时候会有奇怪的需求,比如前端有一些示例,想点击按钮就能上传图片,而这个图片是在前端的项目中的,如果不上传吧,又获取不到一些业务数据的id,但后端又不想为这块功能做特殊的处理,这时想通过前端直接上传到后端,需要file对象才可以。

这个时候我们需要将img转换成file对象,所以我们可以通过fetch转换成file对象然后上传,思路就是直接import 目录中的图,这样即便是打包了图片名加了hash也不会有问题,然后就是通过fecth读取到图,然后转换成file,将file放到ForData表单中,然后直接调用文件上传接口就可以了,代码如下:

  //项目中的demo图片
  import demo1Img from '../../assets/img/demo1.png'
  //fetch读取图片
  fetch(demo1Img)
    .then(

猜你喜欢

转载自blog.csdn.net/rotating_windmill/article/details/132358566