SDT技术网公开库–图片的上传

之前发布过两个类库:参考这里。后来写了一个SMTP的,不过忘了发布也不知道放哪里了。昨晚工作的最后一个就是写了这个。上传图片到image/upload下并返回图片路径。

针对程序

opencart 1.5 - 2.3

类型

controller层

GIT地址

http://git.oschina.net/yfore_com/sdtclass

文件路径:sdtclass / opencart / upload / catalog / controller / sdtclass / upload_image.php

用法

触发button发起ajax

  1. $.ajax({
  2.                     url: 'index.php?route=sdtclass/upload_image',
  3.                     type: 'post',
  4.                     dataType: 'json',
  5.                     data: new FormData($('#form-upload-image')[0]),
  6.                     cache: false,
  7.                     contentType: false,
  8.                     processData: false,
  9.                     /* beforeSend / complete / success / error */
  10. });

返回数据

数据类型:json

参数介绍:

error:有则上传错误,包含错误信息

success:有则上传成功,包含成功提示语。

code:上传后的图片路径,可以写入value,

注:如写入img标签请注意带上 image/ 路径或者自定义的图片路径,由于考虑兼容二开所以返回里不带这个路径。

返回处理示例:

  1. /* beforeSend / complete / success / error */
  2. success: function(json) {
  3.     $(element).parent().find('.text-error').remove();
  4.     if (json['error']) {
  5.         $(element).parent().find('input').after('<div class="text-error">' + json['error'] + '</div>');
  6.     }
  7.     if (json['success']) {
  8.         alert(json['success']);
  9.         $(element).parent().find('input').val(json['code']);
  10.         $(element).parent().find('img').attr("src","image/"+json['code']);
  11.     }
  12. },

其他细节参考GIT代码里的注释。

附上HTML的图:

SDT技术网公开库--图片的上传

 

 

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

目前评论:1   其中:访客  0   博主  0

  1. avatar zhidao91 0

    不错,可以试一下啊

评论加载中...

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

图片 表情