今天写了这么个js:
<br> function disppic(){<br> var path=document.getElementById("photopath").value;<br> document.all.pic.src=path;<br> document.all.pic.width=60;<br> document.all.pic.height=50;<br> }<br>
大致用途就是在注册时候,给用户上传照片,当选中了文件,会引起输入框的改变,即引起onchange事件,调用js中方法,将其显示到id为pic的img标签中,我在世界之窗浏览器上能正常显示,但是ie 、火狐这些主流浏览器上都不能正常显示,不知道各位有没有好的方法,谢谢!
[quote]
document.all.pic.src=path;
document.all.pic.width=60;
document.all.pic.height=50;
[/quote]
第一:最好用document.getElementById("pic");// pic为img的id
这种方式是最兼容的,各大JS框架都用这种方式。
第二:document.getElementById("pic").src="/imgages/xxx.jpg";// 注意路径分隔符千万不能写成"\",后者IE系列能正常显示,但firefox是不行的。前者是标准写法。这句话还可以这样写:document.getElementById("pic").setAttribute("src","/images/xxx.jpg");
第三:使用firefox的firebug插件开发会使得调试一目了然,基于firefox开发出标准的js,css,然后为IE写补丁,而不是基于IE开发,然后去其它浏览器调试,因为IE的是不标准,但IE7,IE8正在向w3c标准靠近。
建议使用jQuery,建议先在火狐下使用firebug进行JS调试