php 上传图片方法

html代码

<input type="file" id="shangchuan" value="" />
<input type="hidden" name="head_pic" id="head_pic" value="<{$userInfo.head_pic}>"/>
<img src="/Public/Uploads/<{$userInfo.head_pic}>" alt="" id="head_pic_img">

js 代码

$("#shangchuan").change(function(){var formData = new FormData();formData.append("file",$("#shangchuan")[0].files[0]);$.ajax({url:"<{:U('Member/uploadImgs')}>",type:"post",data:formData,dataType:"json",mimeType:"multipart/form-data",processData: false,       //用于对data参数进行序列化处理 这里必须falsecontentType: false,    //必须success:function(result){if(result.status == 200){$("#head_pic").val(result.data.head_pic);$("#head_pic_img").attr("src","/Public/Uploads/"+result.data.head_pic);layer.msg("上传成功",{time:2000});}else{layer.msg(result.msg,{time:2000});}}})
})

php代码

protected function _upload_init($upload)
{$allow_max = 2048; //读取配置$allow_exts = explode(',', 'jpg,gif,png,jpeg,swf,bmp'); //读取配置$allow_max && $upload->maxSize = $allow_max * 1024; //文件大小限制$allow_exts && $upload->allowExts = $allow_exts; //文件类型限制$upload->saveRule = 'uniqid';return $upload;
}/*** 上传头像接口*/
public function uploadImgs()
{import('Org.Net.UploadFile');$upload = new \UploadFile(); // 实例化上传类$upload->maxSize = 9145728; // 设置附件上传大小//$upload->allowExts = explode(',', 'jpg,gif,png,jpeg,bmp'); // 设置附件上传类型$upload->saveRule = 'avatar'; //设置上传头像命名规则(临时图片),修改了UploadFile上传类//完整的头像路径$path =UPLOAD_PATH.'user/' . date('Ymd') . '/';if (!file_exists($path)) {mkdir($path);}$thumb_index = array('width' => '75','height' => '75','remove_origin' => true,'isdate' => false,);if ($thumb_index) {$upload->thumb = true;$upload->thumbMaxWidth = $_REQUEST['width'] ?$_REQUEST['width']:$thumb_index['width'];$upload->thumbMaxHeight = $_REQUEST['height'] ?$_REQUEST['height']:$thumb_index['height'];$upload->thumbPrefix = '';$upload->thumbExt = isset($thumb_index['ext']) ? $thumb_index['ext'] : '';if($_REQUEST['file']){$upload->thumb_mode = $_REQUEST['file'];}}$upload->savePath = $path;$upload = $this->_upload_init($upload);if (!$upload->upload()) {// 上传错误提示错误信息$this->ajaxReturn(201, $upload->getErrorMsg());} else {// 上传成功 获取上传文件信息$info = $upload->getUploadFileInfo();$returnPath=array('head_pic'=>'/user/' . date('Ymd') . '/' . $info[0]['savename']) ;$this->ajaxReturn(200,'上传成功！', $returnPath);}
}

php 上传图片方法相关推荐

ssh 使用 wangeditor3 富文本编辑器上传图片方法
这段时间在搞一个小网站的项目,其中有个功能是可以网页上编辑文字和图片,能一起上传到数据库然后在页面上展现,当然还可以上传附件,不过我现在还没弄好,先把上传图片的功能记录一下. 说到这个wangedit ...
jquery easyui 使用filebox 实现异步上传图片方法
首先引入相关的css和js <link href="css/themes/default/easyui.css" rel="stylesheet" typ ...
封装axios和上传图片方法
页面调用,post为例 this.$post(url, data, res => {if (res.code == 1) {-------成功返回数据} else {console.log(re ...
小程序使用小白接口上传图片方法1
小白接口:https://www.yesapi.cn/ 1. 使用的小白接口:App.CDN.UploadImg 链接:http://api.okayapi.com/?s=App.CDN.Upload ...
node.js上传图片方法
说明: * 1.后台需先安装 multer 模块同时引入fs模块 multer下载链接 fs是内置模块,无需安装 * 2.入口文件还需导入模块 * const fs=require ...
java上传图片方法_java 图片上传方法
/*** 点击上传照片功能*/ publicString writeImg(){try{ HttpServletRequest request=WebUtils.getRequest();//requ ...
实用的HTML5的上传图片方法
<input type="file" accept="video/*;capture=camcorder"> <input type=&quo ...
js调用android相册,【方法】移动端H5如何调用相册和相机上传图片、音频、视频...
在移动端上传图片方法很简单,使用HTML5中的input:file供文件上传. <一>常用属性值: 1.accept:规定文件上传来提交的文件类型,此属性只能和type:file配合使用 ...
Nuxt 整合 element-tiptap 编辑器上传图片到阿里云OSS关键方法
1 . api/upload.js export default ({$axios}, inject) => {// 上传文章内容图片(编辑器中上传)inject('uploadArticleI ...

php 上传图片方法

php 上传图片方法相关推荐

最新文章

热门文章