前端代碼
<div class="logo_out" id="upload-logo"></div>
JS代碼
/**
* 上傳圖片
*/
layui.use('upload', function () {
var upload = layui.upload;
var uploadInst = upload.render({
elem: '#upload-logo' //綁定元素
, url: "{:U('plan/imageUpload')}" //上傳接口
, accept: 'file'
, done: function (res) {
console.log(res);
if (res.code === 200) {
$('.input_img').attr('src', res.url);
$('#team_logo').val(res.url);
} else {
layer.msg(res.msg, {icon: 5});
}
}
, error: function () {
layer.msg('上傳異常', {icon: 2})
}
});
});
後端代碼
/**
* +----------------------------------------------------------
* 圖片上傳
* +----------------------------------------------------------
*/
public function imageUpload()
{
$upload = new \Think\Upload(C('UPLOAD_SITEIMG_QINIU'));
$res = $upload->upload();
if ($res) {
$this->ajaxReturn(['code' => 200, 'msg' => '上傳成功', 'url' => $res['file']['url']]);
} else {
$this->ajaxReturn(['code' => 100, 'msg' => $upload->getError()]);
}
}
七牛配置文件
/*七牛配置*/
'UPLOAD_SITEIMG_QINIU' => array(
'maxSize' => intval(str_replace(array('M', 'm'), array('00000000', '00000000'), ini_get('post_max_size'))),//文件大小
'rootPath' => './',
'saveName' => array('uniqid', ''),
'driver' => 'Qiniu',
'driverConfig' => array(
'secrectKey' => '1sHgOVv7CzzjGo2yXTIba',
'accessKey' => 'u-a7StH',
'domain' => 'source.baidu.com',
'bucket' => 'www',
)
),
解決辦法:修改框架集成源碼文件
解決完後報“incorrect region, please use up-z0.qiniup.com”
這個是區域不對,我的是華南,所以把改成華南的域名,華東、華北的要改成相應的域名即可。