jQuery-File-Upload 上传插件使用

最终展示案例:
jQuery-File-Upload 上传插件使用

作用:1、图片ajax提交 2、即时显示

插件地址:https://blueimp.github.io/jQuery-File-Upload/
实例地址:http://www.phpno.com/jQuery-File-Upload-master/demo.html

使用步骤:

1、页面引入特定的js(至少引入一下4个js)

<script src="http://btc.phpno.com/js/jquery/1.9.1.min.js?=1.03"></script>
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
<script src="js/vendor/jquery.ui.widget.js"></script>
<script src="js/jquery.iframe-transport.js"></script>
<!-- The basic File Upload plugin -->
<script src="js/jquery.fileupload.js"></script>

 

2、布置form表单

3、js编写以及css样式控制

4、程序端代码编写

 

 

5、就此完成

注:事件监控需要使用jquery的on函数

 

 

觉得好的话记得打赏赞助小灰灰哦,小灰灰灰更有动力的,谢谢

小灰灰

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: