图片上传处理——上传本地服务器

部署前端创建 uploadify 编写js.可以把放在公共模块image.js 编写图片上传api, 实现图片异步上传

前端代码 引入 {load href="STATIC/admin/uploadify/jquery.uploadify.min.js" /}

<script type='text/javascript'>

var SCOPE = {
'uploadify_swf' : '__STATIC__/admin/uploadify/uploadify.swf',
'image_upload' : '{:url('api/image/upload')}',
}

$(function() {
// 缩略图
$("#file_upload").uploadify({
'swf'             : SCOPE.uploadify_swf,
'uploader'        : SCOPE.image_upload,
'buttonText'      : '图片上传',
'fileTypeDesc' : 'Image Files',
'fileObjName'  : 'file',
'fileTypeExts' : '*.gif; *.jpg; *.png',
'onUploadSuccess' : function(file, data, response) {
console.log(file);
console.log(data);
console.log(response);
if(response){
var obj = JSON.parse(data);
console.log(obj.data);
$('#upload_org_code_img').attr("src",obj.data);
$('#file_upload_image').attr("value",obj.data);
$('#upload_org_code_img').show();
}
}
});

</script>

在html中嵌入：

<img style="display: none" id="upload_org_code_img" src="" width="150" height="150">
<input id="file_upload_image" name="logo" type="hidden" multiple="true" value="">

php api

<?php
namespace app\api\controller;
use think\Controller;
use think\Request;
use think\File;

class Image extends Controller
{
public function upload() {
$file = Request::instance()->file('file');
// 给定一个目录
$info = $file->move('upload');
// print_r($info);die;
if($info && $info->getPathname()) {
return $this->result('/'.$info->getPathname(),200);
}
return '';
}
}