基于JavaScript FileReader上传图片显示本地链接

前端之家收集整理的这篇文章主要介绍了基于JavaScript FileReader上传图片显示本地链接前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

简介

使用FileReader对象,web应用程序可以异步的读取存储在用户计算机上的文件(或者原始数据缓冲)内容,可以使用File对象或者Blob对象来指定所要处理的文件或数据.其中File对象可以是来自用户在一个元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 DataTransfer对象,还可以是来自在一个HTMLCanvasElement上执行mozGetAsFile()方法后的返回结果.

页面中多个,上传多个图片DEMO代码

<a href="https://www.jb51.cc/tag/shangchuan/" target="_blank" class="keywords">上传</a><a href="https://www.jb51.cc/tag/tupian/" target="_blank" class="keywords">图片</a><a href="https://www.jb51.cc/tag/xianshi/" target="_blank" class="keywords">显示</a>预览图

以上就是本文的全部内容,希望对大家学习JavaScript程序设计有所帮助。

原文链接:https://www.f2er.com/js/48399.html

猜你在找的JavaScript相关文章