我想能够预览一个文件(图像)之前上传.预览操作应该全部在浏览器中执行,而不使用Ajax上传图像.

我该怎么做?

推荐答案

imgInp.onchange = evt => {
  const [file] = imgInp.files
  if (file) {
    blah.src = URL.createObjectURL(file)
  }
}
<form runat="server">
  <input accept="image/*" type='file' id="imgInp" />
  <img id="blah" src="#" alt="your image" />
</form>

Javascript相关问答推荐

为什么JavaScript双边字符串文字插值不是二次的?

如何才能拥有在jQuery终端中执行命令的链接?

模块与独立组件

我不知道为什么setwritten包装promise 不能像我预期的那样工作

如何找出摆线表面上y与x相交的地方?

使用i18next在React中不重新加载翻译动态数据的问题

如何修复(或忽略)HTML模板中的TypeScript错误?'

配置WebAssembly/Emscripten本地生成问题

处理时间和字符串时MySQL表中显示的日期无效

我怎么才能得到Kotlin的密文?

制作钢琴模拟器,并且在控制台中不会执行或显示该脚本

如何将数据块添加到d3力有向图中?

如何将未排序的元素追加到数组的末尾?

如何在箭头函数中引入or子句?

触发异步函数后不能显示数据

无法重定向到Next.js中的动态URL

将范围 Select 器添加到HighChart面积图

将延迟加载的模块转换为Eager 加载的模块

如何使用useparams从react路由中提取id

Node.js的Fetch()调用总是创建新的Express会话