文章详情页
javascript - 这种上传图片预览怎么做?
浏览:103日期:2022-11-19 18:11:23
问题描述
类似于这种上传图片,还能预览显示的这种,前端应该怎么写,有没有类似的代码可以提供给我看看!谢谢
问题解答
回答1:var fr = new FileReader(), file = document.getElementById('file'), img = document.createElement('img');file.onchange = function(e){ fr.onload = function(e){var res = this.result;img.src = res;document.body.appendChild(img);//显示 };fr.readAsDataURL(file.files[0]);//读取文件};回答2:
web uploader.js或FileReader API
回答3:自己之前写过一个商城商品图片的预览,思路很简单,不知道对你有没有帮助:1.上传上的图片,网页上肯定显示小的缩略图吧;2.后台(我们当时是后台,你们也可以想想其他办法)存储两张图片,一张小的缩略图,一张预览的高清大图;3.点击小的缩略图时,用模态框显示大的高清图。
回答4:两个demo:点击事件https://github.com/treeandgra...图片拖拽的https://github.com/treeandgra...
标签:
JavaScript
相关文章:
1. java - mac下配置ndk环境变量2. java - new + 类名,一定需要申明一个对象吗?3. 为啥最大化个窗口还得找一堆理由?4. javascript - 根据不同数据显示不同内容5. javascript - 解释下这种函数定义6. javascript - 在 vue里面用import引入js文件,结果为undefined7. node.js - 用nodejs 的node-xlsx模块去读取excel中的数据,可是读取出来的日期是数字,请问该如何读取日期呢?8. javascript - 如何获取未来元素的父元素在页面中所有相同元素中是第几个?9. css3 - 如图的flex骰子布局是怎么实现的?10. css - psd设计稿给的是1920宽的,而我的电脑是1600宽的,那我在写代码时,是不是每个宽度都要计算调整
排行榜
