Question

我需要将div1的内容复制到另一个div2。

div1的内容包含使用javascript即时生成的文件上载控件（HTML5）。

我使用jQuery试图这样做。

$('#div2').html($('#div1').html());

使用上面的代码，它只显示html，但缺少fileupload控件中的文件路径。

我甚至尝试使用javascript这个：

var va = document.getElementById('div1');
document.getElementById('div2').innerHTML=va.innerHTML

但这并没有帮助。它导致了相同的文件上载控件，但没有文件路径。

我尝试用innerHTML替换innerText，但它将html内容显示为文字。

我已尝试使用appendTo中的jQuery，但它可以正常运行，但会将整个div1复制到div2。我只需要复制内容而不是整个div。

我已经检查了

Copy div content to another

但这并没有帮助。

这是我的fiddle

任何帮助都将不胜感激。

Answer 1

fileupload控件没有将其内容复制为用户（客户端）安全措施。你无能为力。

然而，您可以移动 实际的元素（不要复制它们），如修改过的小提琴here中所示。

我还没有测试过这种跨浏览器，我仍然建议不要尝试使用fileupload控件，因为没有什么可说的，浏览器会把它锁定得更多。

编辑：我在评论中建议添加@nbrooks的参考链接。

如果你有时间阅读：http://answers.google.com/answers/threadview/id/61326.html

Answer 2

Plz查看此代码。

$(document).ready(function(){
    $('input[type=file]').change(function(e){
          $in=$(this);
          $("#div2").append ( $in.val() );
    });
});

Fiddle Link

Answer 3

这将有效

$(document).ready(function(){
        $('#datasubmit').click(function(){
             //var data = $('#div1')[0].innerHTML;

            //$('#div2')[0].innerHTML += data;
            $("#div2").append($("#div1").clone());
        });
    });

这是小提琴http://jsfiddle.net/AVjzA/2/

将div的内容与输入字段数据一起获取到另一个div

3 个答案: