Question

jquery中获取<input type=file id='fileid'>路径问题,ie和火狐有区别，在火狐中我怎么获取其路径，ie可以

$( function(){
$("#fileid").change(function(){
var $route=$('input[type="file"]').val();
var fileName=this.value.substring(this.value.lastIndexOf("\\")+1);
alert($route+"和"+fileName);
}) }) 在ie中是可以获取到它的路径的，而火狐中的话fileName和$route是相同的，我要的效果是在火狐中我也要分别获得其路径和文件名，还有其他浏览器是否还存在其他异同呢？
$("#file123").val();<input type="file" id="file123">和我的方法去到的值是一样的，无区别，但谢谢你的回答

Answer 1

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

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

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

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

Answer 2

IE与FF获取上传文件路径方法

1. function getPath(obj)
2. {
3. if(obj)
4. {
5.
6. if (window.navigator.userAgent.indexOf("MSIE")>=1)
7. {
8. obj.select();
9.
10. return document.selection.createRange().text;
11. }
12.
13. else if(window.navigator.userAgent.indexOf("Firefox")>=1)
14. {
15. if(obj.files)
16. {
17.
18. return obj.files.item(0).getAsDataURL();
19. }
20. return obj.value;
21. }
22. return obj.value;
23. }
24. }

Answer 3

　　您好！很高兴为您答疑！

　　您可以参考下：http://blog.163.com/ydmx_lei/blog/static/77053405201033033951438/JS获取上传文件的绝对路径，兼容火狐与IE。
　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 4

$("file123").val();
<input type="file" id="file123">