图片预览的问题，在火狐中不执行下面这段代码，我的问题是getPath值得不到，如果要整个代码说一下

Question

//获得上传控件的值，obj为上传控件对象
getPath = function(fileObj) {
if (fileObj) {
if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
fileObj.select();
return document.selection.createRange().text;
}
else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
if (fileObj.files) {
//return fileObj.files.item(0).getAsDataURL();
return fileObj.files[0].getAsDataURL();
}
return fileObj.val();
}
return fileObj.val();
}
}
这个getPath 在下面调用
if($(settings.obj).is('input:file')){
$(settings.obj).change(function(){
if(!$(settings.obj).val() || $(settings.obj).val() == "") return false;
var fileControl = $(settings.obj);

if ($.browser.msie) {
if ($.browser.version == "6.0") {
var img = $("<img />");
div.replaceWith(img);
div = img;

var image = new Image();
image.src = 'file:///' + fileControl.val();

div.attr('src', image.src);
if(settings.autoScaling) autoScaling();
}
else {
div.css({ filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image)" });
div.get(0).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = "image";
try {
div.get(0).filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src = getPath(fileControl);
} catch (e) {
//alert("无效的图片文件！");
return;
}
if(settings.autoScaling) setTimeout("autoScaling()", 100);
}
}
});
}

Answer 1

浏览器安全性已经大大提高，要实现图片上传预览不是那么简单了

不过有很多变通或先进的方法来实现

例如ie7/ie8的滤镜预览法，firefox 3的getAsDataURL方法

具体可以参考这个图片上传预览效果

参考资料：http://www.blueidea.com/common/shoutbox/redir.asp?2=u&id=11586

Answer 2

火狐下是不允许JS来操作file控件的。。。。就是那个<input type="file">这个控件。