ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

JS-图片预览

2026/9/11 4:21:08 拓冰建站 浏览量
JS-图片预览

方法一

用URL.createObjectURL()将一个fileBlob类型的对象转为UTF-16的字符串

objectURL = URL.createObjectURL(Fileobject);

URL.createObjectURL()静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。

方法二

基于FileReader读取图片做预览,得到的图片链接是base64字符串

  const reader = new FileReader()reader.readAsDataURL(Fileobject)reader.onload = () => {console.log('图片base64字符串:',reader.result)}