外贸电商小总结

外贸电商

——————————开发一个月后的小总结

关于第一个月，作为一个菜鸟的确可谓是颇为紧张的，即便有人（Zack师父）能给予帮助，在平时只有自己打码的情况下，遇到问题时都不免得往难里想。最近刚刚把完成的部分发给后台，后台也工作一小段时间了，从其反馈上看，挺多地方需要注意的，本文暂且不说那些细节，只说前端遇到的部分，其中的大部分问题可能很基础，也是要记下来的，吃一堑长一智嘛。

下面分别说一下遇到的问题（慢慢更新中）：

1、评论上传图片预览（ input[type=’file’] ）

先在input中加入函数，在改变(change)时调用：

<input class="comment-upload" onchange="previewImage(file)">

JS部分

function previewImage(file) {
  var div = $('.comment-upload');
  if (file.files && file.files[0]) {
    var img = $('');
    img.ready(function () {
      img.css('width', 60 + 'px');
    });
    var reader = new FileReader();
    reader.onload = function(evt) {
      img.attr('src', evt.target.result);
    };
    reader.readAsDataURL(file.files[0]);
    img.insertBefore(div);
  }
}

样式的话，宽高要定死，因为在chrome和Firefox下的只定宽的样式不太一致，定死也防止出问题。建议input标签用东西包着，例如form，然后将input右浮动，新增img标签不浮动，即可。