<script type="text/javascript"> $(document).ready(function() { var obj = document.getElementById("u_file");//input file对象 必须用document.get $("#u_file").change(function () { $("#up_img").attr("src", getObjectURL(obj));//将图片的src变为获取到的路径 }) function getObjectURL(node) { var imgURL = ""; try { var file = null; if (node.files && node.files[0]) { file = node.files[0]; } else if (node.files && node.files.item(0)) { file = node.files.item(0); } //Firefox 因安全性问题已无法直接通过input[file].value 获取完整的文件路径 try { //Firefox7.0 imgURL = file.getAsDataURL(); //alert("//Firefox7.0"+imgRUL); } catch (e) { //Firefox8.0以上 imgURL = window.URL.createObjectURL(file); //alert("//Firefox8.0以上"+imgRUL); } } catch (e) { //这里不知道怎么处理了,如果是遨游的话会报这个异常 //支持html5的浏览器,比如高版本的firefox、chrome、ie10 if (node.files && node.files[0]) { var reader = new FileReader(); reader.onload = function (e) { imgURL = e.target.result; }; reader.readAsDataURL(node.files[0]); } } return imgURL; } }) </script>
关于使用file上传图片获取图片绝对路径
最新推荐文章于 2022-06-11 22:50:49 发布