过去项目的需求:
1、上传身份证照片时显示上传时的进度效果;
2、上传结束后预览照片;
先附上图:
完整案例下载地址:http://download.csdn.net/download/webtoy/9970435
思路:
1、引入jquery.form.js插件;
2、ajaxSubmit上传以及canvas画圈,在ajaxSubmit的uploadProgress方法中 传参关联上传进度,上传成功后设置照片路径。
html代码如下:
<div class='uploadWrap'>
<div class="uploadIDcard">
<div class="upload_box">
<ul>
<li id='li_idCard'>
<span class="percent" id="percent1">+</span>
<canvas class="process" id="process1">0%</canvas>
<input type="file" id="IDCardFront" name="IDCardFront">
<img id='img' src="">
</li>
</ul>
</div>
</div>
</