-2

当我阅读如何克隆值输入文件时，我想解决这个话题？

我有输入类型文件的数组

<input type="file" class = "focus_image" name="focus_image[]" >

我想将数组的值输入类型文件克隆到下面相同的另一个输入类型文件

<input type="file" class = "focus_image" name="clone[]">

我知道这个问题可以用 javascript 解决，但我无法实现帮助我解决这个问题！

编辑我有弹出窗口，用户可以添加更多图像，然后用户单击按钮保存在弹出窗口中，然后弹出窗口关闭，我将文件的值输入类型数组从弹出窗口复制到范围弹出窗口（从 focus_image 到克隆）

4

3 回答 3

1

首先，你必须得到你关心的元素。您可能希望将 querySelectorAll 与适当的选择器一起使用。或者你可以像我一样做，然后给原始输入一个唯一的 id。

接下来，您必须创建所需元素的克隆。

在此之后，您需要更改名称和（如果您已经按照我所做的那样 - 给它一个 id）id。

最后，您需要将克隆附加到 DOM。

可能有点像这样？

<!DOCTYPE html>
<html>
<head>
<script>
function byId(e){return document.getElementById(e);}

window.addEventListener('load', mInit, false);

function mInit()
{
    var elem = byId('origElemId');
    var copy = elem.cloneNode(true);

    copy.setAttribute('name', 'clone[]');
    copy.setAttribute('id', 'copyElemId');
    document.body.appendChild(copy);
}

</script>
<style>
</style>
</head>
<body>
    <input id='origElemId' type="file" class = "focus_image" name="focus_image[]" >
</body>
</html>
于 2013-05-16T06:55:17.523 回答
0

//希望这对你有用 //把这段代码放在你的HTML页面中

        <div id="form-content">
            <div id="cloned-content">
                <input type="file" class = "focus_image" name="focus_image[]" >                
            </div>
        </div>
    <a style="cursor: pointer" id="makeclone"> makeclone </a>

// 此代码将克隆 div cloned-cotent 中的所有字段

jQuery(文档).ready(函数() {

var cloneCounter = 1;
function makeClones() {
    // clone the div
    var clone = $("#cloned-content").clone(false);
    // change all id values to a new unique value by adding "_cloneX" to the end
    // where X is a number that increases each time you make a clone
    $("*", clone).add(clone).each(function() {
        if (this.id) {
            this.id = this.id + cloneCounter;
        }
        if (this.name) {
            this.name = this.name
        }
    });
    ++cloneCounter;
    $("#form-content").append(clone);                         

}

$("#makeclone").click(function() { 
    alert("Clicked Fired"); 
    makeClones();
});

});

于 2013-05-16T07:17:20.927 回答
0

尝试这个，

HTML

<input type="file" class = "focus_image" name="focus_image[]" onChange="document.getElementById('cloned').value=this.value">

<input type="file" class = "focus_image" name="clone" id="cloned">
于 2013-05-16T06:49:37.443 回答