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

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

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

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


回答:

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

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


回答:

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

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

以上是 vue如何读取项目文件夹内的图片文件并上传? 的全部内容, 来源链接: utcz.com/p/935888.html

回到顶部