比较菜的问题 JS 图片预览

Question

安全性问题通过服务器浏览是b/s结构了，直接托进浏览器算是c/s结构

Answer 1

<input   type=file   name=photo onChange="changeSrc(this)" />
    
   
  预览：<img src="about:blank" id="fileChecker"  name="fileChecker" alt="test"/>function changeSrc(filePicker){ 
 oFileChecker.src = filePicker.value;
}

Answer 2

var oFileChecker = document.getElementById("fileChecker");
漏了这个

Answer 3

<script>  
function changeSrc(filePicker){ 
var oFileChecker = document.getElementById("fileChecker");
oFileChecker.src = filePicker.value; 
} 
  </script> 
 <input  type=file  name=photo onChange="changeSrc(this)" /> 
  预览： <img src="about:blank" id="fileChecker"  name="fileChecker" alt="test"/> 

Answer 4

楼上的哥们。
放进IIS中试了一下，不行呢。

Answer 5

http://www.chinmo.net/jdt/sc.asp
你自己，然后点击选择你本地的一张图片看看是否可以预览

Answer 6

file:///C:/Documents%20and%20Settings/Administrator/桌面/节目征集副本.jpg
选择图片后，你点击那张图片看看，地址类似这个

Answer 7

我的一片文章专门针对这个问题的，你可以看看http://blog.csdn.net/sallay/archive/2008/09/15/2932415.aspx

Answer 8

ff和ie7的<input  type=file/> 的返回值都只会返回文件名，不是路径，ie6可以返回路径
这是为了安全考虑的<script>  
function changeSrc(filePicker){ 
var oFileChecker = document.getElementById("fileChecker");
oFileChecker.src = filePicker.value; 
} 
  </script> 
 <input  type=file  name=photo onChange="changeSrc(this)" /> 
  预览： <img src="about:blank" id="fileChecker"  name="fileChecker" alt="test"/> 
比如7楼的那个代码
如果我选的本地文件是d:\image\001.jpg
选了之后 <img> 的 src＝"001.jpg" 不是 "d:\image\001.jpg"
所以显示不出来的
图片预览我研究了好久了……
貌似只能传上服务器再下载下来，如果有什么别的办法希望大家教我一下阿～
先谢谢了～

Answer 9

安全性问题 
IE6可以通过的
在ie7中可以通过加图片滤镜设置，DXImageTransform.Microsoft.AlphaImageLoader
FF下，没有办法 ，需要修改客户浏览器设置

Answer 10

要是有好办法gmail早用上了……
还有各大论坛上传照片的时候也都肯定早就用了……
你可以去试试gmail发邮件加附件
你一加进去文件他就自动在你进行其他操作的时候开始上传
过一会就会显示文件在服务器的路径
图片预览也可以用一样的原理实现