使用jquery php图片上传,jQuery+ThinkPHP实现图片上传

本文实例为大家分享了jQuery+ThinkPHP实现图片上传的具体代码，供大家参考，具体内容如下

一，利用js实现上传图片时，实时预览相关代码

预览选择的图片

window.URL = window.URL || window.webkitURL;

/**

* 显示选择的文件预览

* @param {[type]} files 选择的文件

*/

function showSelectedImages(files) {

var fileList = document.getElementById('fileList');

if (isImageByType(files[0].type)) {

var img = '';

$('#fileList').html(img);

}else{

alert('请选择图片');

}

}

/**

* 判断文件是否是图片

* @param {[type]} fileType 文件

* @return {Boolean}

*/

function isImageByType(fileType) {

return fileType.indexOf("image") < 0 ? false : true;

}

二、利用jQuery的Ajax上传图片表单

var formData = new FormData();

formData.append('file', $('#uploadimg')[0].files[0]); //添加图片信息的参数

formData.append("ewmclass",ewmclass);

formData.append("uname",uname);

formData.append("skaccount",skaccount);

$.ajax({

url: "/User/ewmup",

type: "post",

dataType: "json",

cache: false,

data: formData,

processData: false,// 不处理数据

contentType: false, // 不设置内容类型

success: function (mes) {

if(mes.status == 1){

msg_alert(mes.message,mes.url);

}else{

msg_alert(mes.message);

}

}

});

三、ThinkPHP上传文件相关代码

//图片上传

$upload = new \Think\Upload();// 实例化上传类

$upload->maxSize = 3145728 ;// 设置附件上传大小

$upload->exts = array('jpg','jpeg','png','gif');// 设置附件上传类型

$upload->rootPath = './Uploads/'; // 设置附件上传根目录

$upload->savePath = 'ewm_img/'; // 设置附件上传(子)目录

// 上传文件

$info = $upload->upload();

if(!$info) {// 上传错误提示错误信息

echo $upload->getError()

exit;

}

echo '文件上传目录为：/Uploads/'.$info['file']['savepath'].$info['file']['savename'];

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。