JQuery图片上传插件Uploadify使用详解
Uploadify简单说来，是基于Jquery的一款文件上传插件。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<link rel="stylesheet" type="text/css" href="uploadify.css" /> <script type="text/javascript" src="jquery-1.7.2.js"></script> <script type="text/javascript" src="jquery.uploadify.min.js"></script> <meta charset="UTF-8"> <!--上传照片--> <script type="text/javascript"> $(function() { //图片上传 $('#file_upload').uploadify({ 'swf' : 'uploadify.swf', 'uploader' : 'uploadify.php', 'buttonText':"上传图片", 'multi':true, 'height':20, 'width':60, 'multi':false, 'onUploadSuccess' : function(file, data, response) { $('#' + file.id).find('.data').html(' - 上传完成'); $("#seek_pic").val(data); $('#img').attr('src',"http://localhost/Uploadify/demo/uploads/"+data); }, auto:true, 'fileSizeLimit' : '1024KB', 'fileTypeExts' : '*.gif; *.jpg; *.png; *.jpeg', formData : { 'PHPSESSID' : '5102dbe30d3b47ec2431a6cd189b151d' } }); }); </script> <!--上传图片结束--> <input type="file" name="filedata" id="file_upload" /> <img id="img" width="500px" src=""> |
百度网盘下载地址:http://pan…
Read more