图片上传预览

最新推荐文章于 2024-09-16 09:57:57 发布

phantomes

最新推荐文章于 2024-09-16 09:57:57 发布

阅读量635

点赞数

分类专栏： html/css js

本文链接：https://blog.youkuaiyun.com/phantomes/article/details/34110243

版权

js 同时被 2 个专栏收录

75 篇文章

订阅专栏

html/css

54 篇文章

订阅专栏

<form action="fileUpload.s" id="fm" method="post" enctype="multipart/form-data">
    选择文件:<input type="file" name="file" id="file">
    <input type="submit" id="btn" value="提交">
    <img src="" id="pic" width="300" height="300" >
</form>
<br/>
<br/>
<br/>

<script type="text/javascript">
    function getFullPath(obj) {    //得到图片的完整路径
        if (obj) {
            //ie
            if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
                obj.select();
                return document.selection.createRange().text;
            }
            //firefox
            else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
                if (obj.files) {
                    return window.URL.createObjectURL(obj.files.item(0));
                }
                return obj.value;
            }
            return obj.value;
        }
    }

    jQuery("#file").change(function(){
        $("#pic").attr("src", getFullPath(this));
    })

</script>