[转]文件浏览直接显示[兼容IE,FireFox]
生活随笔
收集整理的這篇文章主要介紹了
[转]文件浏览直接显示[兼容IE,FireFox]
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
轉自：http://www.cnblogs.com/shawker/archive/2009/03/27/1423386.html
?
<!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html?xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
<title></title>
<script>?
function?$(o)?{
????????return?document.getElementById(o);
}
function?SeePic(img,f){
????????var?i?=?$(img);
????????var?f?=?$(f);
????????if?(f.value?!=?"")?{
????????????????if?(f.value.indexOf("http://")?>=?0)?{
????????????????????????i.src?=?f.value;
????????????????}?else?{
??????????????????????if?(!window.event)
??????????????????????{
?????????????????????????var?data?=?f.files.item(0).getAsDataURL();
?????????????????????????i.src?=?'data:'?+?data;
??????????????????????}
??????????????????????else
???????????????????????i.src?=?'file:///'+f.value;
????????????????}
????????????????i.style.display?=?"block";
????????????????return;
????????}
????????i.style.display?=?"none";
?
}?
</script>?
</head>
<form?id='frm1'?name='frm1'>?
<div><input?type='file'?name='upfile'?id='upfile'?onChange="SeePic('img',?'upfile');"></div>?
<div><image?src=''?id='img'?name='img'?style="display:none;">?</div>
</form>?
</body>
</html>
?保存成utf-8格式，直接運行即可。
?
總結
以上是生活随笔為你收集整理的[转]文件浏览直接显示[兼容IE,FireFox]的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JavaScript MVC之Jamal
- 下一篇： 目标意识应求成大于避败 思考时不要先意识