vue如何读取项目文件夹内的图片文件并上传？

Question

图片放在vue文件相对路径的 ./img 中，目前读取该文件的图片，显示为一个图片列表

目前想要实现的效果是，点击图片列表，可以实现上传所选的图片

Answer 1

不知道img能不能直接转换成 blob。我说两个我知道可以的

1. ajax 请求，然后直接 responseType: blob
2. canvasCtx.drawImage 之后，在转行成 canvas.toBlob。

Answer 2

vue只是一个构建用户界面js框架，和你的需求没有关系，就算用纯js写也行。项目的目录结构和最后浏览器呈现的路径不一样的，代码里的路径都是基于服务器的。

根据你的描述如果JavaScript想访问本地文件系统，网页上需要放一个 input 元素选择文件或者写一个拖放操作处理，然后遍历把图片显示出来，最后写一个可以点击Ajax上传到服务器的功能即可。