獲取div的內容到另一個DIV與輸入字段中的數據一起

我需要的div1內容被複制到另一個div2。獲取div的內容到另一個DIV與輸入字段中的數據一起

的div1的內容包含一個文件上傳控制（HTML5），關於使用JavaScript實時生成。

我已經試過這樣使用jQuery。

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

與上面的代碼它只顯示html但在文件上傳控制文件的路徑丟失。

我甚至使用javascript這個嘗試：

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

但是，這沒有什麼幫助。它導致相同的文件上載控制正在顯示，但沒有文件路徑。

我試過用innerText代替innerHTML，但它顯示html內容爲文本。

我試過appendTo在jQuery，它可以工作，但它會複製整個div1到div2。我只需要複製內容但不需要整個div。

我檢查

Copy div content to another

，雖然犯規幫助。

這是我fiddle

任何幫助，將不勝感激。

來源

2013-01-02 Karthik Chintala

這將工作

$(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-02 06:10:16 Rajesh

'clone'不會複製該文件的路徑。 –

其複製在小提琴..我試過那裏 – Rajesh

剛剛檢查你的小提琴，它不工作。 –

的fileupload控制不具有其內容複製爲一個用戶（客戶端）的安全措施。你無能爲力。

但是，您可以移動的實際體周圍（不要複製他們）作爲證明修改後的小提琴here。

我沒有測試過這種跨瀏覽器，我仍然建議不要嘗試任何幻想與FileUpload控件，因爲沒有說法時，瀏覽器會更鎖定下來。

編輯：我在評論中建議添加@nbrooks的引用鏈接。

如果你有時間對一些閱讀：http://answers.google.com/answers/threadview/id/61326.html

來源

2013-01-02 06:27:15

+1的正確答案中工作。你有來源討論防止複製路徑的安全措施嗎？ – nbrooks

@nbrooks我不得不尋找一個源代碼，但是一般來說，我需要在答案中引用一個源代碼（除了這是在強化的網絡程序員中衆所周知的事實）嗎？ –

不需要，但它通常是有幫助的...尤其對於真正好奇（像我一樣）或懷疑的人。 – nbrooks

PLZ結帳本準則。

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

Fiddle Link

來源

2013-01-02 06:27:47 thomasbabuj

你沒有保存你的小提琴。它顯示Rajesh小提琴 –

對不起我的壞。立即檢查。 – thomasbabuj

+1感謝您的代碼。我需要把它與上傳控制一起。但是你的代碼只顯示上傳文件的路徑。你能修改你的代碼嗎？我是jquery和jscript的新手 –

獲取div的內容到另一個DIV與輸入字段中的數據一起

回答

相關問題