laravel5.2中点击用户头像更改头像
来源:互联网 发布:为什么安装不了知乎 编辑:程序博客网 时间:2024/05/29 10:59
视图层
!!!自己下载jquery文件和ajaxfileUpload的插件
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> </style></head><script type="text/javascript"> //下面用于图片上传预览功能 function setImagePreview(avalue) { var docObj=document.getElementById("doc"); var imgObjPreview=document.getElementById("preview"); if(docObj.files &&docObj.files[0]) {//火狐下,直接设img属性 imgObjPreview.style.display = 'block';//imgObjPreview.src = docObj.files[0].getAsDataURL();//火狐7以上版本不能用上面的getAsDataURL()方式获取,需要一下方式 imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]); } else {//IE下,使用滤镜 docObj.select(); var imgSrc = document.selection.createRange().text; var localImagId = document.getElementById("localImag");//必须设置初始大小 localImagId.style.width = "150px"; localImagId.style.height = "180px";//图片异常的捕捉,防止用户修改后缀来伪造图片 try{ localImagId.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)"; localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc; } catch(e) { alert("您上传的图片格式不正确,请重新选择!"); return false; } imgObjPreview.style.display = 'none'; document.selection.empty(); } ajaxFileUpload(); //上传图片 return true; }</script><body><center> <label> @foreach ($arr as $key=>$val) {{-- <img src="{{$val->n_img}}" alt="" height="100" width="100" class="qq"> <input type="file" id="file1" style="VISIBILITY: hidden" >--}} <img id="preview" width="100" height="100" src="{{$val->n_img}}"> <input type="file" name="touxiang" id="doc" style="display:none" onchange="javascript:setImagePreview();"> @endforeach </label></center></body></html><script src="./js.js"></script><script src="./ajaxfileupload.js"></script><script type="text/javascript"> function ajaxFileUpload() { $.ajaxFileUpload ( { url: "{{url('up_img')}}", //用于文件上传的服务器端请求地址 secureuri: false, //是否需要安全协议,一般设置为false fileElementId: 'doc' } ); return false; }</script>控制器层
<?phpnamespace App\Http\Controllers;use Illuminate\Http\Request;use App\Http\Requests;use DB;use Illuminate\Support\Facades\Input;class ImgController extends Controller{ public function Index(){ $arr= DB::select("SELECT * FROM r_nav limit 1"); return view('index',['arr'=>$arr]); } //修改图片 public function up_img(Request $Request){ $n_file = Input::file('touxiang'); if($n_file->isValid()){ //获取文件名称 $clientName = $n_file -> getClientOriginalName(); $realPath = $n_file -> getRealPath(); //获取图片格式 $entension = $n_file -> getClientOriginalExtension(); //图片保存路径 $mimeTye = $n_file -> getMimeType(); $path = $n_file -> move('IMG'); } $ress = DB::table('r_nav')->where('n_id',11)->update(['n_img'=>$path]); }}
0 0
- laravel5.2中点击用户头像更改头像
- Android更改用户头像
- 点击用户头像预览大图
- liferay在自己的portlet中上传更改用户头像
- 用户可以在下拉列表框中选择头像来进行头像更改
- 更改了头像
- 头像的更改
- csdn更改头像
- Android更改头像功能
- 更改头像 相册/相机
- 头像
- 头像
- 头像
- Android中设置用户的头像
- 论坛更改域名后用户头像无法显示的解决办法
- 应用里的用户头像是怎样更改的?
- 设置—用户—机主点击拍照设置头像,拍照之后,头像设置不上去
- 点击头像放大
- JAVA--三层架构学习
- (四十)模型视图中的委托
- 四种读取配置信息的方式
- 刷题的日常[Leetcode]——1)Two Sum
- 支持向量机导论——没有学过机器语言也能看懂的文章
- laravel5.2中点击用户头像更改头像
- Nagios之MySQL单机与主从监控
- 高效的使用MVP
- vue---父调子 $refs (把父组件的数据传给子组件)子调父 $emit (把子组件的数据传给父组件)
- 二维数组与指针
- Java 多线程同步的五种方法
- spring计时器简单栗子
- 一个脚本引发的血案
- Python 列表