页面触发标签
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<title>slidPane</title>
<link rel="stylesheet" type="text/css" href="../css/api.css"/>
</head>
<body>
<span onclick="addImg()">上传</span>
<script type="text/javascript" src="../script/api.js"></script>
<script>
function addImg ()
{
api.getPicture({
sourceType: 'album',
encodingType: 'jpg',
mediaValue: 'pic',
destinationType: 'url',
allowEdit: true,
quality: 80,
saveToPhotoAlbum: false
}, function(ret, err) {
if (ret) {
save(ret.data);
} else {
alert(JSON.stringify(err));
}
});
}
function save(data)
{
api.ajax({
url: 'http://192.168.0.163:81/api-v1/driver/task/receipt',
method: 'post',
report:true,//回调上传进度
data: {files:{file:data},values:{id:39}}
}, function(ret, err) {
if (ret) {
//成功 可加载回调进度
console.log(JSON.stringify(ret));
} else {
console.log(JSON.stringify(err));
}
});
}
</script>
</body>
</html>laravel框架：
* 上传图片
*/
public function orderReceiptUpload($request)
{
$obj = new \stdClass();
if( $request->file('file') == false )
{
$obj->status = 1;
$obj->msg = '上传失败';
return $obj;
}
//检验文件类型
$fileTypes = array('image/jpeg','image/png','image/jpg');
if(!in_array($request->file('file')->getMimeType(),$fileTypes)) {
$obj->status = 1;
$obj->msg = '文件格式不正确';
return $obj;
}
//检验大小
$fileSize= $request->file('file')->getSize();
if(!$request->file('file')->getSize() || $fileSize>2097152 )
{
$obj->status = 1;
$obj->msg = $fileSize."图片大小不能低于0或超过2048kb";
return $obj;
}
try {
$file = $request->file('file');
// 检验一下上传的文件是否有效.
if($file->isValid())
{
//上传文件的后缀.
$fix = $file->getClientOriginalExtension();
$newName = md5(date("Y-m-d H:i:s")).".".$fix;
$dir = '/uploads/'.date("Y-m-d").'/';
$file->move(public_path().$dir,$newName);
}
$obj->status = 0;
$obj->msg = '上传成功';
return $obj;
} catch (\Exception $e)
{
$obj->status = 1;
$obj->msg = '上传失败';
return $obj;
}
}本文由：xiaoshu168 作者：xiaoshu发表，转载请注明来源！