预览上传前的图片。

26 浏览
0 Comments

预览上传前的图片。

我希望在上传文件（图片）之前能够预览该文件。预览操作应该在浏览器中全部执行，而不使用Ajax来上传图片。

我该怎么做？

admin 更改状态以发布 2023年5月20日
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