博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
十七、编辑头像(带参数)
阅读量:6265 次
发布时间:2019-06-22

本文共 4850 字,大约阅读时间需要 16 分钟。

//$('body').on('change', '.upload_image', function(){//	alert(111);////  var is_length = $('.upload-img-list').length;////  if (is_length > 8) {//      new $.flavr({//          title       : '有错误发生:',//          iconPath    : 'flavr/images/icons/',//          icon        : 'email.png',//          content     : '图片最多上传9张',//      });//      return//  }//  $('.upload_error').html('');////  var file_path = $(this).val();//  var file_obj = document.querySelector('.upload_image');////  var data = uploadImgAction(this, file_path, file_obj);////  $.ajax({//      'url': '/upload/image',//      'type': 'post',//      'dataType': 'json',//      'processData': false,//      'contentType': false,//      'data': data,//      'success': function (response) {//          if (response.status) {//              // 添加隐藏域,保存存储成功后的物理路径//              var show_img = '
'+// '
'+// '
'+// '
x'+// '
';// $('.upload-img-box').append(show_img);// $('.upload_image').val('');// } else {// errorMessage(response.error_msg);// }// }// })//});var dataParam = [];function headImg(type) { //这个type参数是因为传图片的同时还要传参数,根据type不同写不同的参数,可选 if(type==1){ type='bill_user' }else{ type='rec_user' }// var is_length = $('.upload-img-list').length;// console.log//// if (is_length > 8) {// new $.flavr({// title : '有错误发生:',// iconPath : 'flavr/images/icons/',// icon : 'email.png',// content : '图片最多上传9张',// });// return// } $('.upload_error').html('');// var file_path = $(this).val();// var file_obj = document.querySelector('.upload_image'); var file_path = $('#upload-photo').val(); var file_obj = document.querySelector('#upload-photo'); var this1 = document.querySelector('#upload-photo'); var type = type; var data = uploadImgAction(this1, file_path, file_obj,type); $.ajax({ url: 'http://ezist.cn/api/users/avatar', type: 'post', dataType: 'json', processData: false, contentType: false, data: data, success: function (response) { debugger window.location.href = "m-personal-center.html"// window.location.href = "personal-data.html" dataParam.push(response.flag);// param = response.save_path// if (response.status) { // 添加隐藏域,保存存储成功后的物理路径 var param = response.save_path + '1'; var show_img = '
'+ '
'+ '
'+ '
x'+ '
'; $('.upload-img-box').append(show_img); $('.upload_image').val('');// } else {// errorMessage(response.error_msg);// } } })}// 个人中心上传图片$('body').on('change', '.per_upload_image', function() { var file_path = $(this).val(); var file_obj = document.querySelector('.per_upload_image'); var data = uploadImgAction(this, file_path, file_obj); $.ajax({ 'url': '/upload/image', 'type': 'post', 'dataType': 'json', 'processData': false, 'contentType': false, 'data': data, 'success': function (response) { if (response.status) { $('.upload_success').attr('value', response.save_path); } } })})// 上传图片方法function uploadImgAction($this, file_path, file_obj,type) { var _file = $this; var file = file_obj.files[0]; // 图片尺寸限制 if (file.size > 2 * 1024 * 1024) { errorMessage('图片尺寸不能超过2M') } var ext_start = file_path.lastIndexOf('.'); var ext = file_path.substring(ext_start + 1, file_path.length).toUpperCase(); // 图片类型限制 if ($.inArray(ext, ['JPG', 'JPEG', 'GIF', 'BMP', 'PNG']) < 0) { errorMessage('图片格式只能为JPG、JPEG、GIF、BMP、PNG'); } var data = new FormData(); //此处就是要上传给后台的图片加参数data.append() data.append('avatar', _file.files[0]); data.append('type', type); return data;}function deleteImg(param,imgPar) { var imgArr = $('#' + imgPar); $.post('http://ezist.cn/api/bills/image/destroy', {'path': param, 'csrf_token':$('meta[name="csrf-token"]').attr('content')}, function() { imgArr.parents('.upload-img-list').remove(); })}// 删除图片//$('body').on('click', '.upload-del-x', function() {// debugger// var $this = $(this);// var path = $(this).prev().attr('src');//// $.post('/destroy/image', {'path': path, 'csrf_token':$('meta[name="csrf-token"]').attr('content')}, function() {// $this.parents('.upload-img-list').remove();// })//})function errorMessage(message){ $('.upload_error').html(message); return;}

  

转载于:https://www.cnblogs.com/deng-jie/p/9166951.html

你可能感兴趣的文章
redis的订阅和发布
查看>>
直接插入排序法
查看>>
1. Git-2.12.0-64-bit .exe下载
查看>>
35.使用拦截器实现权限验证
查看>>
嵌套类&内部类
查看>>
POJ 3468 线段树 成段更新 懒惰标记
查看>>
关于SQLServer2008数据如何导入SQL2005的解决办法,高版本数据导入低版本中。
查看>>
双重分页2
查看>>
Java面向对象的三个特征与含义
查看>>
tkinter 创建登陆注册界面
查看>>
linux常用命令
查看>>
决策树-流水线
查看>>
linux系统被黑客入侵排查思路
查看>>
个人中心标签页导航
查看>>
如何刻录XP系统盘
查看>>
nios II--实验4——按键中断硬件部分
查看>>
pycharm多行批量缩进和反向缩进快捷键
查看>>
设计模式——外观模式(Facade)
查看>>
Sublime Text 2 使用心得
查看>>
SQLite数据库查询优化
查看>>