javascript - 需要隐藏文件输入中的文本并调整 IE 中浏览器按钮的大小

Question

在我的项目中，我有文件输入按钮，为此我需要删除文件文本框并需要为浏览按钮设置一些背景。

请给我想法。

Answer 1

精美的文件上传

以编程方式触发点击

代码

$('img#mytrigger').on('click', function () {
  $('#fileupload-example-1').trigger('click');
});

为输入字段提供标签

代码

<input type="file" id="fileupload-example-4"/>
<label id="fileupload-example-4-label" for="fileupload-example-4">Click me</label>

CSS

#fileupload-example-4 {
  height: 0;
  width: 0;
}

#fileupload-example-4-label {
    border: 1px solid #cccccc;
    padding: 5px;
}

此方法需要 jQuery。在代码中也包含以下行。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

引用号:link