头像上传uploadPreview插件

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>