ajax thinkphp 传图

Answer 1

<script type="text/javascript" src="js/ajaxfileupload.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>

<input type="file" name="Img" id="imgs" onchange="ajaxFileUpload()">
<span style="color: #ff0000;">320*75px</span>
<img width="320" height="75" id="img" src="{$tss.Img}">

function ajaxFileUpload(){
$.ajaxFileUpload({
url:'__APP__/Product/upupload',//需要链接到服务器地址
secureuri:false,
fileElementId:'imgs',//文件选择框的id属性
dataType:'text',
success:function(data){
document.getElementById('img').src="__PUBLIC__/Upload/"+data;
}

})

//上传图片，返回图片名称
private function upupload(){
//完成与thinkphp相关的，文件上传类的调用
if(emptyempty($_FILES)){
$this->error('必须选择上传文件');
}else{
import('ORG.Net.UploadFile');//将上传类UploadFile.class.php拷到Lib/Org文件夹下
$upload=new UploadFile();
$upload->maxSize='1000000';//默认为-1，不限制上传大小
$upload->savePath='./Public/Upload/';//保存路径建议与主文件平级目录或者平级目录的子目录来保存
$upload->saveRule=uniqid;//上传文件的文件名保存规则
$upload->uploadReplace=true;//如果存在同名文件是否进行覆盖
$upload->allowExts=array('jpg','jpeg','png','gif');//准许上传的文件类型
$upload->allowTypes=array('image/png','image/jpg','image/jpeg','image/gif');//检测mime类型
$upload->thumb=true;//是否开启图片文件缩略图
$upload->thumbMaxWidth='300,500';
$upload->thumbMaxHeight='200,400';
$upload->thumbPrefix='s_,m_';//缩略图文件前缀
$upload->thumbRemoveOrigin=1;//如果生成缩略图，是否删除原图
if($upload->upload()){
$info=$upload->getUploadFileInfo();
echo upupload;
}else{
$this->error($upload->getErrorMsg());//专门用来获取上传的错误信息的
}
}