img标签无法显示本地图片

[meng_linxi]

html代码：

<td width="18%" id="">
 <input type="file" style="width:200px;" id='PictureFile' name='PictureFile' onchange="showPicture('PictureFile','imgPre')"/>
 <img src="" id="imgPre" width="100px" height="100px" style="display: block"/>
</td>

js代码：

//将本地图片 显示到浏览器上
function showPicture(sourceId, targetId) { 
	var url = getFileUrl(sourceId); 
	var imgPre = document.getElementById(targetId); 
	imgPre.setAttribute("src", url); 
} 
//从 file 域获取 本地图片 url
function getFileUrl(sourceId) {
	var url='';
	if (navigator.userAgent.indexOf("MSIE") >= 1) { // IE
		url = document.getElementById(sourceId).value;
	} else if (navigator.userAgent.indexOf("Firefox") > 0) { // Firefox
		url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));
	} else if (navigator.userAgent.indexOf("Chrome") > 0) { // Chrome
		url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));
	}
	return url;
}

我用这个方法试过，标签img的src属性能得到路径（如：C:\Users\Linxi\Desktop\b.png，我也确定桌面有这张图片），但是页面上就是显示不出来这张图片，也没有报任何错，还有图片的各种格式我也试过不行（如jpg,jpeg），但是我把这个路径C:\Users\Linxi\Desktop\b.png放在浏览器中就能够显示，这是为什么？是不是路径的问题还是浏览器的问题？

[meng_linxi]

希望有人能来解决呀~~

[bbjiabcd]

每个浏览器不一样的，IE Chrome支持类似C:\Users\Linxi\Desktop\b.png的本地文件路径，而Firefox只支持file:///C:/Users/Linxi/Desktop/b.png这样的文件路径，且这样的路径大多数浏览器都支持，建议都改成这样的。

[meng_linxi]

引用 2 楼 bbjiabcd 的回复:

每个浏览器不一样的，IE Chrome支持类似C:\Users\Linxi\Desktop\b.png的本地文件路径，而Firefox只支持file:///C:/Users/Linxi/Desktop/b.png这样的文件路径，且这样的路径大多数浏览器都支持，建议都改成这样的。

我之前也试过用file:///C:/Users/Linxi/Desktop/b.png这样的路径，但是也不行，如果把这样的路径直接复制在浏览器中，是可以的，但是当我复制在img标签的src属性下，它就无法显示了，不知为什么。

[eiffelmen]

我想问下楼主这个问题解决了吗