0

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

的内容div1包含一个文件上传控件 (HTML5)，使用 javascript 动态生成。

我试过这样使用jQuery.

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

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

我什至尝试使用javascript这个：

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

但这无济于事。结果相同，正在显示文件上传控件，但其中没有文件路径。

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

我试过appendToin jQuery，它可以工作，但它会将整个复制div1到div2. 我只需要复制内容，而不需要复制整个 div。

我已经检查过了

将 div 内容复制到另一个

但这无济于事。

这是我的小提琴

任何帮助，将不胜感激。

4

3 回答 3

2

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

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

我还没有测试过这个跨浏览器，我仍然建议不要尝试任何花哨的文件上传控件，因为没有说浏览器何时会将它锁定得更多。

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

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

于 2013-01-02T06:27:15.607 回答
1

请检查此代码。

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

小提琴链接

于 2013-01-02T06:27:47.277 回答
0

这将起作用 

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

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

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

于 2013-01-02T06:10:16.043 回答