php异步上传图片插件,uploadify插件和thinkphp上传类异步上传图片

uploadify插件和thinkphp上传类异步上传图片

2017-4-11 hubo php开发

现在几乎任何网站都需要上传图片的功能，此次上传采用的是uploadify插件，插件官网：http://www.uploadify.com/

上传的时候会有如下图片的上传进展示意图，用户体验、效果等方面很好。

接着使用thinkphp自带的上传类：ThinkPHP\Library\Think\upload.class.php。  直接使用这个类可上传。

步骤：1.下载uploadify核心文件，放入ThinkPHP框架下的Public目录下；

2.提取uploadify内置方法，编写image.js：

/**

* 图片上传功能

*/

$(function() {

$('#file_upload').uploadify({

'swf' : SCOPE.ajax_upload_swf,

'uploader' : SCOPE.ajax_upload_image_url,

'buttonText': '上传图片',

'fileTypeDesc': 'Image Files',

'fileObjName' : 'file',

//允许上传的文件后缀

'fileTypeExts': '*.gif; *.jpg; *.png',

'onUploadSuccess' : function(file,data,response) {

// response true ,false

if(response) {

var obj = JSON.parse(data); //由JSON字符串转换为JSON对象

console.log(data);

$('#' + file.id).find('.data').html(' 上传完毕');

$("#upload_org_code_img").attr("src",obj.data);

$("#file_upload_image").attr('value',obj.data);

$("#upload_org_code_img").show();

}else{

alert('上传失败');

}

},

});

});

3.编写上传图片方法：

public function ajaxuploadimage() {

$upload = D("UploadImage");

$res = $upload->imageUpload();

if($res===false) {

return show(0,'上传失败','');

}else{

return show(1,'上传成功',$res);

}

}

4.上传成功。