头像上传uploadPreview插件

原文链接：https://blog.csdn.net/Alisa_L/article/details/52923953

uploadPreview
今天写头像上传,使用到uploadPreview插件，中间遇到了问题,贴出来可以给大家参考一下。(保证id的统一性)

(大家如果有关于uploadPreview插件更好的建议,可以共同交流)

<script src="js/uploadPreview.js"></script>


<script>


 $(document).ready(function() {

 new uploadPreview({

 UpBtn: "imgviews",
//选择文件控件ID

 DivShow: "up_img_WU_FILE_0",
//DIV控件ID

 ImgShow: "imgShow_WU_FILE_0",
//:图片展示控件ID

 Width: ,
//预览宽度

 Height: ,
//预览高度

 ImgType: ["gif", "jpeg", "jpg", "bmp", "png"],
//支持文件类型 格式:["jpg","png"]

 //选择文件后回调方法

 callback: function () {

 //后台数据操作

 }

 });

 })



</script>



<div class="user-div">

 <ul id="warp" class="warp">

 <li>

 <input type="file" name="" id="imgviews" value="" />

 <div id="up_img_WU_FILE_0">

 <img id="imgShow_WU_FILE_0" src="" >

 </div>

 </li>

 </ul>

//img设置图片上层的阴影图片,美观效果

<div class="urer-layer">

<img src="" />

</div>

</div>