使用jquery简单实现图片预览功能

最新推荐文章于 2024-05-04 04:33:35 发布

雨飞帘卷

最新推荐文章于 2024-05-04 04:33:35 发布

阅读量6.5k

点赞数

分类专栏： java小程序文章标签： jquery 图片

本文链接：https://blog.csdn.net/qq_39968421/article/details/78710110

版权

java小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

代码如下

<html>
<head>
<title>showPhoto</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body>
    <input type="file" id="uploadId" name="sourceFile" />
    <img id="imageview" width="300px" height="300px" />
    <script type="text/javascript">
        $(function() {
            $("#uploadId").change(function() {
                var $file = $(this);
                var objUrl = $file[0].files[0];
                //获得一个http格式的url路径:mozilla(firefox)||webkit or chrome  
                var windowURL = window.URL || window.webkitURL;
                //createObjectURL创建一个指向该参数对象(图片)的URL  
                var dataURL = windowURL.createObjectURL(objUrl);
                $("#imageview").attr("src", dataURL);
            });
        });
    </script>
</body>
</html>

效果如下

这里写图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

雨飞帘卷

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
使用jquery简单实现图片预览功能

代码如下<html><head><title>showPhoto</title><script type="text/javascript" src="js/jquery.min.js"></script></head><body> <input type="file" id="uploadId" name="sourceFile" /> <img id="imagevie
复制链接

扫一扫