上传图片file优化

来源：互联网发布：plc编程及应用第3版编辑：程序博客网时间：2024/05/01 16:05

<!DOCTYPE HTML><html lang="en"><meta http-equiv="content-type" content="text/html; charset=UTF-8" /><head><style type="text/css">.inputfile {width: 228px; height: 22px;    border: 1px solid #D3D3D3;    overflow: hidden;    border-radius: 5px 5px 5px 5px;}.inputfile input[type="file"]{display: none,}.inputfile input[type="text"]{border: 0px;border-right:1px solid #D3D3D3;width: 144px;height: 22px;}.inputfile span{font-size:12px;line-height: 22px;padding: 4px 16px;cursor: pointer;}</style></head><body><div class="inputfile"><input disabled type="text"><span>上传图片</span><input type="file" name="upfile" /></div><script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script><script type="text/javascript">$(function(){$(".inputfile").on("click","span",function(){$(this).parent().find("input[type='file']").click();});$(".inputfile").on("change","input[type='file']",function(){$(this).parent().find("input[type='text']").val($(this).val());});})</script></body></html>

结果：

0 0