栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

通过JavaScript上传之前如何上传预览图像

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

通过JavaScript上传之前如何上传预览图像

对于Firefox。由于安全原因,它的路径被截断了。但是,他们提供了其他方法:

var img = document.createElement("IMG");if(document.all)    img.src = document.getElementById('submit').value;else    // Your solution for Firefox.    img.src = document.getElementById('submit').files.item(0).getAsDataURL();document.getElementById('div').appendChild(img);

以下内容适用于Internet Explorer 7和Firefox 3。

<style type="text/css">    #prevImage {        border: 8px solid #ccc;        width: 300px;        height: 200px;    }</style><script type="text/javascript">    function setImage(file) {        if(document.all) document.getElementById('prevImage').src = file.value;        else document.getElementById('prevImage').src = file.files.item(0).getAsDataURL();        if(document.getElementById('prevImage').src.length > 0)  document.getElementById('prevImage').style.display = 'block';    }</script><pre>     IE8 needs a security settings change: internet settings, security, custom level :     [] Include local directory path when uploading files to a server ( ) Disable (o) Enable </pre><form>    <input type="file" name="myImage" onchange="setImage(this);" /></form><img id="prevImage"  />


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/405092.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号