上传文件 隐藏input type="file"，用text显示

html：

    <label for="upload_file" class="col-sm-2 control-label">上传文件</label>    <div class="col-sm-4">        <input type="file" class="form-control" id="upload_file" name="upload_file"               style="display: none;" onchange="change();">        <input type="text" class="form-control" id="upload_file_tmp" name="upload_file_tmp"               readonly="readonly" onclick="upload_file.click(); ">    </div>    <div class="col-sm-2">        <button type="button" class="btn btn-primary" id="select_file"                onclick="upload_file.click();">浏览        </button>    </div>

js：

function change(){    document.getElementById("upload_file_tmp").value=document.getElementById("upload_file").value;}

另，

隐藏功能：

display:none 不保留物理空间，彻底消失

visible:hidden 占空间，但看不到