博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
input file图片上传预览
阅读量:7151 次
发布时间:2019-06-29

本文共 985 字,大约阅读时间需要 3 分钟。

两种方法,方法一:

js代码:

//头像上传预览    $("#up").change(function() {        var $file = $(this);        var fileObj = $file[0];        var windowURL = window.URL || window.webkitURL;        var dataURL;        var $img = $("#ImgPr");        if(fileObj && fileObj.files && fileObj.files[0]){        dataURL = windowURL.createObjectURL(fileObj.files[0]);        $img.attr('src',dataURL);        }else{        dataURL = $file.val();        var imgObj = document.getElementById("ImgPr");        imgObj.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";        imgObj.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = dataURL;                 }    });

 

html:

  

 

原生js实现,方法二:

js代码:

function $$(obj) {    return document.getElementById(obj);}function upload(f){        var str = "";    for(var i=0;i
"; $$("dd").innerHTML = str; } }}

  

html:

  

转载于:https://www.cnblogs.com/gxsyj/p/6089763.html

你可能感兴趣的文章
浏览器默认样式(User Agent Stylesheet)
查看>>
C语言宏定义技巧
查看>>
所有Mac用户都需要知道的9个实用终端命令行
查看>>
Java Persistence with MyBatis 3(中国版) 第五章 与Spring集成
查看>>
Java虚拟机详解04----GC算法和种类【重要】
查看>>
Receiver type for instance message is a forward
查看>>
将SALT_STACK的JOB-CACHE放到数据库中,而建库用DJANGO的ORM完成
查看>>
GPIO推挽输出和开漏输出详解
查看>>
事务处理和并发控制
查看>>
I18N、L10N、G11N
查看>>
引用类中的enum
查看>>
【转】Android开源项目发现---ListView篇(持续更新)
查看>>
利用锚点制作简单索引效果
查看>>
影响网站打开速度的9大因素
查看>>
HTML5之废弃和更新的元素与属性
查看>>
[转]asp.net解决高并发的方案.
查看>>
(转)unity中基于alpha通道的shadow volume实现
查看>>
linux下svn的co如何排除目录
查看>>
项目中最常用到的颜色
查看>>
[转]10个学习Android开发的网站推荐
查看>>