Javascript 将div的内容与输入字段数据一起发送到另一个div

我需要将

div1

的内容复制到另一个

div2

div1

的内容包含一个使用javascript动态生成的文件上传控件（HTML5）

我曾经使用

jQuery

这样做过

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

上面的代码只显示

html

，但fileupload控件中的文件路径丢失

我甚至尝试使用

javascript

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

但这并没有帮助。这导致了相同的结果，即显示fileupload控件，但其中没有filepath

我尝试用

innerText

替换

innerHTML

，但它将html内容显示为文本

我在

jQuery

中尝试了

appendTo

，它可以工作，但它将整个

div1

复制到

div2

。我只需要复制内容，而不需要复制整个div

我查过了

但这没用

这是我的

任何帮助都将不胜感激。

这将起作用

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

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

这是小提琴这会有用的

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

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

---

这是fiddle

控件的

文件上载

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

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

我还没有测试过这种跨浏览器，我仍然建议不要尝试使用fileupload控件进行任何花哨的操作，因为不知道浏览器什么时候会更多地锁定它

编辑：我正在添加一个参考链接，如评论中建议的@nbrooks

---

如果您有时间阅读：

作为用户（客户端）安全措施，

fileupload

控件没有复制其内容。你对此无能为力

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

我还没有测试过这种跨浏览器，我仍然建议不要尝试使用fileupload控件进行任何花哨的操作，因为不知道浏览器什么时候会更多地锁定它

编辑：我正在添加一个参考链接，如评论中建议的@nbrooks

---

如果您有时间阅读：

请签出此代码

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

---

请检查此代码

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

---

---

clone

不会复制文件路径。感谢您的努力。但是它不起作用。我想你正在使用firefox，它在chrome和ie@Karthik.. 我正在使用FF在那里工作。将检查ie

clone

是否复制文件路径。感谢您的努力。但是它不起作用。我想你正在使用firefox，它在chrome和ie@Karthik.. 我正在使用FF，它在那里工作。我会检查我的坏。请现在检查。+1谢谢你的代码。我需要把它和上传控制一起使用。但您的代码只显示上传文件的路径。你能修改你的代码吗。我是jquery和JScript新手，抱歉我的不好。请现在检查。+1谢谢你的代码。我需要把它和上传控制一起使用。但您的代码只显示上传文件的路径。你能修改你的代码吗。我不熟悉jquery和jscript+1，这是一个很好的答案。您是否有消息来源在讨论防止使用路径复制的安全措施？@nbrooks我必须搜索一个来源，但一般来说，我是否需要在回答中引用一个来源（除了这在经验丰富的web程序员中是众所周知的事实之外）？不需要，但这通常是有帮助的……特别是对于那些真正好奇（如我）或怀疑的人。@nbrooks我添加了一个链接，但您可能想在这里注意到，关于这个问题的任何文章都只会强调为什么文件输入不接受程序员的值。程序员的任何文件输入操作（包括克隆）都会触发浏览器启动其安全措施。您是否有消息来源在讨论防止使用路径复制的安全措施？@nbrooks我必须搜索一个来源，但一般来说，我是否需要在回答中引用一个来源（除了这在经验丰富的web程序员中是众所周知的事实之外）？不需要，但这通常是有帮助的……特别是对于那些真正好奇（如我）或怀疑的人。@nbrooks我添加了一个链接，但您可能想在这里注意到，关于这个问题的任何文章都只会强调为什么文件输入不接受程序员的值。程序员进行的任何文件输入操作（包括克隆）都会触发浏览器启动其安全措施。