项目经常会用到头像上传，那么怎么实现呢？
首先是html布局：
缩略图

jquery方式，ie不支持，但ie会获得绝对的上传路径信息：
function getobjecturl(file) { var url = null ; if (window.createobjecturl!=undefined) { // basic url = window.createobjecturl(file) ; } else if (window.url!=undefined) { // mozilla(firefox) url = window.url.createobjecturl(file) ; } else if (window.webkiturl!=undefined) { // webkit or chrome url = window.webkiturl.createobjecturl(file) ; } return url ;}$('#thumbnail').change(function() { var eimg = $(''); eimg.attr('src', getobjecturl($(this)[0].files[0])); // 或 this.files[0] this->input $(this).after(eimg);});
网上找一份可用的代码非常不易，经过不断的筛选总结才得出兼容所有的文件上传显示
html布局

js代码：

希望本文所述对大家学习javascript程序设计有所帮助。