1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > JS上传图片前实现图片预览效果办法【javascript】

JS上传图片前实现图片预览效果办法【javascript】

时间:2019-12-05 12:59:04

相关推荐

JS上传图片前实现图片预览效果办法【javascript】

web前端|js教程

JS,上传图片,图片,预览,方法

web前端-js教程

本文实例讲述了JS上传图片前实现图片预览效果的方法。分享给大家供大家参考。具体实现方法如下:

网页版excel源码asp下载,ubuntu部署软路由,微博 评论 爬虫,php发展如何,贵阳seo大牛lzw

JS上传图片前的图片预览效果

微信上墙大屏幕源码,vscode 上下拆分,ubuntu 没有标题栏,tomcat关联应用,sqlite倒排索引,韩国和美国服务器,配送地址插件,前端Ui框架对比,手机网络代理工具爬虫,ubuntu启动php,seo优化企业网站,小说网站静态模板,html 5获取网页数据,简易个人主页模板下载,jsp页面布局,javaweb快递管理系统,程序商城lzw

miko 源码,vscode做数据分析,ubuntu 安装 界面,tomcat运行命令授权,爬虫的谷歌,php 正则表达式 g,抖音SEO优化技巧有哪些,电影采集网站怎么做lzw

var dFile = document.getElementById(‘myfile’);

var dImg = document.getElementsByTagName(‘img’)[0];

var dInfo = document.getElementById(‘info’);

dFile.onchange = function(){

if(!dFile.value.match(/.jpg|.jpg|.jpg|.jpg/i)){alert(‘File type must be: .jpg, .jpg, .jpg or .jpg !’);return;}

if(dFile.files){

dImg.src = dFile.files[0].getAsDataURL();

}else if(dFile.value.indexOf(‘\\’) > -1 || dFile.value.indexOf(‘\/’) > -1){

dImg.src = dFile.value;

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。