使用Laravel在上传之前，在浏览后显示图片。

13 浏览
0 Comments

使用Laravel在上传之前，在浏览后显示图片。

我想在上传文件（图片）之前预览它。预览操作应该完全在浏览器中执行，不使用Ajax上传图片。

我应该怎么做呢？

admin 更改状态以发布 2023年5月23日
0

2 答案

0 Comments

有几种方法可以实现这个功能。最有效率的方法是使用URL.createObjectURL()函数并将它应用在你的 File 对象上。通过将这个 URL 传递给 img.src，可以让浏览器载入提供的图片。

这是一个示例：

你还可以使用FileReader.readAsDataURL()函数从你的 中读取文件。这将在内存中创建一个包含图片的base64表示的字符串。

0
0 Comments 
imgInp.onchange = evt => {
  const [file] = imgInp.files
  if (file) {
    blah.src = URL.createObjectURL(file)
  }
}



  
  your image

这是一段包含两个123标签的段落。

0