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的图:

 

 

发布者

yumanutong

网名 yumanutong ,简称小草,可以付费找我解决问题哦。