上传图片

html代码

{

"label": "转账凭据",

"name": "yh_withdraw.evidence",

type: "upload",

display: function(id) {

return '<img src="' + editor.file('yh_files', id).src + '" width="110">';

clearText: "清除",

noImageText: "暂无",

dragDropText: "拖拽此处上传图片",

fileReadText: "正在上传...",

uploadText: "选择图片",

noFileText: "没有图片"

{

data: "yh_withdraw.uid",

render: function(e, o, row) {

return "<img src='" + row.u.headimgurl + "' width='50px' style='border-radius:50%;text-align:center;'><span class='span-style'>" + row.u.realName + "</span>";

}

php代码

Field::inst('yh_withdraw.evidence')->upload($this->getUploadInst()),

// 3145728

private function getUploadInst($size = 5145728, $extens = ['png', 'jpg'])

{

return Upload::inst(function ($file, $id) {

$extenName = pathinfo($file['name'], PATHINFO_EXTENSION);

$destFileName = str_replace("\\", "/", $_SERVER['DOCUMENT_ROOT']) . '/public/addons/yh/withdraw/' . $id . '.' . $extenName;

move_uploaded_file($file['tmp_name'], $destFileName);

$this->getDataTableDB()->update('yh_files', [

"src" => '/public/addons/yh/withdraw/' . $id . '.' . $extenName,

'path' => $destFileName

], ["id" => $id]);

return $id;

})->db('yh_files', 'id', array(

'upload_time' => date('Y-m-d H:i:s'),

'name' => Upload::DB_FILE_NAME,

'size' => Upload::DB_FILE_SIZE,

'src' => "",

))->validator(function ($file) use ($size) {

return $file['size'] >= $size ?

"文件大小不能超过" . ($size / 1024) . "K" : null;

})->allowedExtensions($extens, "请上传正确的文件格式");

}

弹窗显示图片

html代码

</div>

js代码

// 显示图片

$('#dataTable').on('click', 'tbody td:nth-child(12)', function(e) {

$("#myModal").modal();

path = $(this).find('img').attr("src");

var noimg = "/public/images/noimg.jpg";

if (path == undefined) {

$("#showImg").attr("src", noimg);

}

if (path) {

savename = path.substring(8);

$("#showImg").attr("src", path);

}

});