不带框上传

来源:互联网 发布:手机淘宝宝贝排名查询 编辑:程序博客网 时间:2024/04/21 00:14

<div><input type="button" class="tm_putimg_right_con_file_scan" value="浏览" /></div>

/*这句是个button控件*/ 


 <div><input class="tm_putimg_right_con_file" name="footer0" type="file"  size="1" onchange="loadImage1(this)"/></div>

/*这一句 建一个file控件 但是带框框 */

 现在把上面两个放一起 思路是:让大家看到的是button控件   但是点击的是 file控件

.tm_putimg_right_con_file_scan{position:absolute;z-index:11;}
.tm_putimg_right_con_file{  filter:Alpha(Opacity=0);opacity:0; position:absolute; z-index:111;cursor:pointer; }

 第一句呢就是把button给放到用户眼前

第二句的file控件位置就在butto上面了

其实挺简单 ,恩 

---------------------------------------

         <input type="text" class="file" id="fileToUploads"  name="fileToUploads" >
        <input type="button" value="上传文件" class="file" onClick="fileToUpload.click();ajaxFileUpload(fileToUpload);">
          <div id="updiv"><input id="fileToUpload" type="file" size="18" name="fileToUpload" class="input" onchange="fileToUploads.value=this.value" ></div><div id="upshow"></div>

原创粉丝点击