外贸电商小总结

外贸电商

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

关于第一个月，作为一个菜鸟的确可谓是颇为紧张的，即便有人（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 class="userImg">');
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标签不浮动，即可。