首页 html

jquery实现预览上传图片无需上传预览本地图片 uploadView

发布时间:2016年11月08日评论数：抢沙发阅读数：6090

jquery实现预览上传图片无需上传预览本地图片

实现效果如下：

代码如下：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>卡券详情</title>   
<script src="http://5wcx.com/statics/js/jquery-2.1.1.min.js"></script>
<script src="http://5wcx.com/statics/js/jquery.uploadView.js"></script>
</head>
<body>
<div class="yulan">
<h5 id="saleticket_logo"></h5>
</div>
<input type="file" id="logo_url" name="logo_url" class="form-control required" >
<script type="text/javascript">
	$(document).ready(function(){
        $("#logo_url").uploadView({
            uploadBox: '.yulan',//设置上传框容器
            showBox : '#saleticket_logo',//设置显示预览图片的容器
            width : '100px', //预览图片的宽度，单位px
            height : '100px', //预览图片的高度，单位px
            allowType: ["gif", "jpeg", "jpg", "bmp", "png"], //允许上传图片的类型
            maxSize :1, //允许上传图片的最大尺寸，单位M
            success:function(e){
               alert('ok');
            }
        });
    });
</script>
</body>
</html>

本文作者：初心文章标题： jquery实现预览上传图片无需上传预览本地图片 uploadView
本文地址：http://www.5wcx.com/html/19.html
版权声明：若无注明，本文皆为“许敬轩的个人主页 - 勿忘初心，方得始终，个人博客，技术经验分享”原创，转载请保留文章出处。