直接说解决办法,原理就是利用label控件。在点击label时,相当于触发上传控件的“浏览”按钮,且不会发生“拒绝访问”错误。
只有两步:
1、用CSS隐藏input控件,注意不能用display:none的方法,否则控件的功能也失效了。代码如下:
#upload_file{
position:absolute;
top:-9999px;
opacity:0;
filter:alpha(opacity:0);
}
2、为input控件添加label,属性for的值即为上传控件的ID,代码如下:
<label for=”upload_file”>上传新图标</label>
剩下的就是利用CSS美化这个label了。