vue如何读取项目文件夹内的图片文件并上传?
图片放在vue文件相对路径的 ./img
中,目前读取该文件的图片,显示为一个图片列表
目前想要实现的效果是,点击图片列表,可以实现上传所选的图片
回答:
不知道img能不能直接转换成 blob。我说两个我知道可以的
- ajax 请求,然后直接
responseType: blob
canvasCtx.drawImage
之后,在转行成canvas.toBlob
。
回答:
vue只是一个构建用户界面js框架,和你的需求没有关系,就算用纯js写也行。项目的目录结构和最后浏览器呈现的路径不一样的,代码里的路径都是基于服务器的。
根据你的描述如果JavaScript想访问本地文件系统,网页上需要放一个 input
元素选择文件或者写一个拖放操作处理,然后遍历把图片显示出来,最后写一个可以点击Ajax上传到服务器的功能即可。
以上是 vue如何读取项目文件夹内的图片文件并上传? 的全部内容, 来源链接: utcz.com/p/935888.html