jQuery动态添加 input type=file的实现代码

在 jQuery 中，要动态添加一个 input 元素，可以使用 jQuery 的 append() 方法将新创建的元素追加到指定的父元素中。

要动态添加一个 input type=file 元素，可以使用 jQuery 的 $("") 方法来创建一个新的 input 元素，然后将其追加到指定的父元素中。以下是详细步骤：

1. 创建一个用于显示 input 元素的容器：

<div id="container"></div>

1. 使用 jQuery 的 append() 方法在容器中添加一个 input 元素：

$("#container").append($("<input type='file' />"));

1. 如果需要添加多个 input 元素，可以使用 for 循环来重复执行上述步骤：

for (var i = 0; i < 3; i++) {
  $("#container").append($("<input type='file' />"));
}

示例1：动态添加一个 input type=file 元素到容器中

HTML 代码：

<div id="container"></div>

jQuery 代码：

$(document).ready(function() {
  $("#container").append($("<input type='file' />"));
});

示例2：动态添加三个 input type=file 元素到容器中

HTML 代码：

<div id="container"></div>

jQuery 代码：

$(document).ready(function() {
  for (var i = 0; i < 3; i++) {
    $("#container").append($("<input type='file' />"));
  }
});

注意：在动态添加 input type=file 元素时要注意浏览器的安全限制，不同的浏览器对 input type=file 元素的限制不一样，可能会有一些问题，需要根据实际情况进行调整。