location.reload(); 刷新页面 javascript:void(0）禁止点击 read.onload=function ()等待函数完成执行 { $('#img-file').attr('src', read.result) 修改图片属性

location.reload();  刷新页面

javascript:void(0）禁止点击

javascript:是伪协议，表示url的内容通过javascript执行。void(0)表示不作任何操作，这样会防止链接跳转到其他页面。这么做往往是为了保留链接的样式，但不让链接执行实际操作，

<a href="javascript：void(0)" onClick="window.open()"> 点击链接后，页面不动，只打开链接

<a href="#" onclick="javascript:return false;"> 作用一样，但不同浏览器会有差异。

href=”javascript:void(0);”与href=”#"的区别

<a href="javascript:void(0)">点击</a>点击链接后不会回到网页顶部 <a href="#">点击</a> 点击后会回到网面顶部

"＃"其实是包含了位置信息，例如默认的锚点是＃top 也就是网页的上端

而javascript:void(0)

 

必须等待网友中所有的内容加载完毕后(包括图片)才能执行。

$('#avatar').change(function () {
    file = this.files[0];
    read=new FileReader();
    read.readAsDataURL(file);
    read.onload=function ()等待函数完成执行 {
        $('#img-file').attr('src', read.result) 修改图片属性
    }

})