前台上传时，不必先插入数据库，可先预览图片！

最新推荐文章于 2024-07-10 02:47:11 发布

chichaojing6253

最新推荐文章于 2024-07-10 02:47:11 发布

阅读量150

点赞数

原文链接：https://my.oschina.net/smzdqiang/blog/707760

版权

<!DOCTYPE html>  
<html>  
<head>  
<script src="jQuery.js"></script>
<meta charset=utf-8 />  
<title>JS Bin</title>  
<style>  
 
</style>  
</head>  
<body>  
<input type='file' onchange="readURL(this);" id='changeimg'/>  
<img id="img_prev" src="#" alt="your image" />  
</body>  
<script>
    $(function(){
        $('#img_prev').css('display','none');
        $('#changeimg').change(function(){
            $('#img_prev').css('display','block');
        });
    })   
</script>
<script>  
    function readURL(input) {  
        if (input.files && input.files[0]) {  
            var reader = new FileReader();  
            reader.onload = function (e) {  
            $('#img_prev')  
            .attr('src', e.target.result)  
            .width(150)  
            .height(200);  
            };  
            reader.readAsDataURL(input.files[0]);  
        }  
    }  
</script> 
</html>

转载于:https://my.oschina.net/smzdqiang/blog/707760