我需要通過ajax上傳多個圖像

我有點初學者，我正在嘗試創建一個允許用戶製作照片幻燈片的功能。他們上傳的圖片，並使用此代碼查看預覽：我需要通過ajax上傳多個圖像

function photoPreview (input) { 

    if (input.files && input.files[0]) { 

     var reader = new FileReader(); 
     reader.onload = function (e) { 
      $('.preview-photo').attr('src', e.target.result); 

     } 
     reader.readAsDataURL(input.files[0]); 
    } 
} 

$('.photo-upload').change(function(){ 
    photoPreview(this); 
})

，然後單擊「添加」按鈕來添加照片圖像隊列，預覽DIV下方。圖像隊列顯示使用該代碼的照片的快照：

var uploadSource = $('.preview-photo').attr('src'); 
$('#queue-container').append("<img class='snapshot-photo'" + "src='" + uploadSource + "'>");

最後，我試圖通過AJAX發送的所有照片。

for (i = 0; i < $('#queue-container').children('.snapshot-photo').length; i++) { 
    var sourcevalue = $('#snapshot-container').children('.snapshot-photo:eq(' + i + ')').attr('src') 
    var source = document.createElement('input'); 
    $(source).attr({ 
     type: 'file', 
     name: 'photo_source_' + i, 
     value: sourcevalue 
    }); 
}

當我到我的服務器端和嘗試，看它是否已通過使用文件系統中消失，它出來爲未定義

fs.readFileSync(req.files.photo_source_0) // cannot read property of undefined

我知道這是一個很長的問題，但我真的需要幫助。我怎樣才能讓節點的文件系統識別文件？或者我的整個過程是錯誤的？所有的建議表示讚賞。

來源

2013-10-25 Nubby

希望這會幫助你http://blueimp.github.io/jQuery-File-Upload/ – LHH

我猜你有服務器端設置Node.js和'express（）'。發佈路線如何設置併發布（客戶）代碼以提交表單。 – Saran

您可以使用從Uploadfiy，它有非常完整的選項，並有兩個版本，Flash版本（免費）和HTML5版本，您可以購買此版本。

來源

2013-10-26 11:23:22

我需要通過ajax上傳多個圖像

回答

相關問題