php上传图片demo,ThinkPHP6 上传图片代码demo

本文展示了ThinkPHP6 上传图片代码demo, 代码亲测可用.

HTML部分代码

商品图片

选择图片

JS部分代码

$(document).ready(function(){

var input = $("#imgFile");

// 将上传按钮绑定到input['file']上    $("#uploadBtn").click(function(){

input.trigger("click");

});

input.change(function () {

// 如果value不为空，调用文件加载方法        if ($(this).val() !== "") {

doUpload(this);

}

});

});

// 上传图片var SCOPE = {

'uploadUrl': '{:url("' + urlPath +'/upload")}',

};function doUpload() {

var formData = new FormData($( "#myform" )[0]),

appendDiv = $("#uploadImage"),

imageUrl = '',

imageDiv = '';

$.ajax({

url: SCOPE.uploadUrl ,

type: 'POST',

data: formData,

async: false,

cache: false,

contentType: false,

processData: false,

success: function (result) {

if(result.status === 1){

appendDiv.empty();

imageUrl = '/storage/' + result.data;

imageDiv = '';

appendDiv.append(imageDiv);

}

},

});

}

ThinkPHP中的上传方法

/**

* 图片上传(ajax)

* @return \think\Response|void

* @throws \Exception

*/

public function upload()

{

// 获取表单上传文件 例如上传了001.jpg

$file = request()->file('imgFile');

try{

// 验证

validate(['imgFile'=>[

'fileSize' => 410241024,

'fileExt' => 'jpg,jpeg,png,bmp,gif',

'fileMime' => 'image/jpeg,image/png,image/gif', //这个一定要加上，很重要我认为！

]])->check(['imgFile' => $file]);

// 上传图片到本地服务器

$saveName = \think\facade\Filesystem::disk('public')->putFile( 'merchant', $file, 'data');

$this->result(1, '图片上传成功!', $saveName, 'json');

} catch (\Exception $e) {

// 验证失败 输出错误信息

return $this->exceptionHandle($e,

'图片上传失败!' . $e->getMessage(),

'json',

'');

}

}

本文转载自老刘博客, 转载请注明出处,谢谢!