Question

想问个关于js的问题，本人本身对编码问题理解不是很透彻。我的PHP页面是用UTF-8的，请教一个奇怪的问题

<table>
<tr>
<td width="57">图片上传</td>
<td>
<input name="upload_frame" id="upload_frame" type="file" onchange="document.getElementById('preview').style.display='';document.getElementById('pic').src=this.value;window.alert(document.getElementById('pic').src);" />
</td>
</tr>
<tr>
<td>图片预览</td>
<td><div id="preview" style="display:none"><img id='pic' src="" style="max-width:500px; max-height:300px;" /><div></td>
</tr>
</table>

问题出来了，就是我测试弹出来的window.alert的内容全部的空格都变成了%20，这怎么解决呢？？我想实现的效果是上传框onchange事件触发后，下面的DIV能够显示出预览图片。请教高手解决

Answer 1

1.代码没有任何问题
2.图片预览效果在原来ie6下是没有问题的
3.ie7及其以上、firefox现在的版本都有安全限制功能，尤其是firefox不支持预览操作
4. ie支持jpg等部分格式图片预览。

你可以用firefox上一些大的网站，看看他们的图片预览，也是不支持的，和你本地浏览器设置有关

Answer 2

现在这个就可以用啊，能显示出预览图片。
空格都变成了%20是因为有隐含的urlEncode操作，想看到空格执行一遍urlDecode就行了。
function urlDecode(str){
str=str.replace(new RegExp('\\+','g'),' ');
return unescape(str);
}