tp5使用uploadify插件做上傳
阿新 • • 發佈:2018-02-02
gif response gre follow 函數 成功 百分比 img uploadify uploadify插件地址
推薦使用flash版本
推薦使用flash版本
插件引入
<script src="../jquery.js"></script>
<script src="../jquery.uploadify.min.js"></script>
<script type="text/javascript">
$(function(){
$("#uploadify").uploadify({
‘swf‘: ‘ADMIN/plus/uploadify/uploadify.swf‘,//所需要的flash文件
‘uploader‘: "{:url(‘Cate/upImg‘)}",//實現上傳的程序 ‘progressData‘:‘speed‘,//設置上傳進度顯示方式,percentage顯示上傳百分比,speed顯示上傳速度 ‘fileExt‘: ‘*.jpg;*.jpeg;*.gif;*.png‘,//可上傳的文件類型 ‘buttonText‘ :‘文件上傳‘,//通過文字替換鈕扣上的文字 ‘buttonClass‘:‘btn btn-xs btn-purple‘, ‘fileObjName‘:‘img‘,//文件上傳對象的名稱,如果命名為’the_files’,PHP程序可以用$_FILES[‘the_files‘]來處理上傳的文件對象。 ‘onUploadSuccess‘:function(file,data,response){ //上傳成功後的回調函數 var cateImgSrc = "__ROOT__/uploads/cateimg/"+data; var cateimg = "<img height=‘50‘ src=‘"+cateImgSrc+"‘ >"; $(‘#cateimg‘).html(cateimg); $("input[name=‘img‘]").val(data); if($("input[name=‘img‘]").val()!=‘‘){ $("#cateimg p").remove(); } }, }); })
tp5使用uploadify插件做上傳