thinkphp结合ajax异步上传,ThinkPHP 图片上传 图片异步上传 ajax

此为aja中比需抖接朋功要朋插x异步上传

首先是form表单里的代新直能分支调二浏页器朋代说码

Photo:


//这里是为了获取图片的名称


//先隐藏,然后点击上传后会显示一张预览图,后有详细解释

ajax代码

$("#up_photo").on("change",function(){

//用html方式上传

var cont=new FormData($("#frmlogin")[0]); //转换成DOM方法

$.ajax({

url:"{:U('Index/ajax_upload')}", //跳转至控制器

type:"POST",

data:cont,

dataType:"JSON",

cache:false,

processData:false,

contentType:false,

success:function(data){

if (data.status) {

$("#img_thumb").attr('src',"./upload/" +data.msg);

$("#img_thumb").show(); //显示预览图

$("#img_thumb").val("./upload" +data.msg);

}else{

dialog.error(data.msg);

}

},

});控制器代码

public function ajax_upload(){

$upload=new \Think\Upload();

$upload->maxSize=3145728;

$upload->exts=array('jpg','gif','png','jpeg');

$upload->rootPath="./upload/";

$upload->savePath='images/';

$upload->autoSub=false;

$info=$upload->upload();

if($info){

$file=$info['photo']['savepath'].$info['photo']['savename'];

return show_ajax(1,$file);

}else{

return show_ajax(0,$upload->getError());

}

}效果图

e6b667745fe5ababf22260569fae8bf9.png

本文来源于网络:查看 >https://blog.csdn.net/G_o_n_g/article/details/78069957

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值