變化blueimp形式用於提交數據

Question

如果你有一個包含blueimp文件輸入元素就像一個形式：

<form> 
    <input type="hidden" name="avatar"/> 
    <input id="fileupload1" type="file" name="files[]"> 

    <input type="hidden" name="car"/> 
    <input id="fileupload2" type="file" name="files[]"> 
</form> 

，你autoUpload文件所有字段將會提交到服務器（形成之前提交）

什麼，我希望的是，我可以指定用於文件上傳，僅包含必要的`

這樣做的原因一個單獨的形式是我有一個相當大的形式，我不想要每次將圖像拖放到表單上時提交表單和所有這些值。我需要文件上傳按鈕來保持它的位置（在表單內），並且不想做任何css排名來準備嵌套兩個<form>元素。

有沒有辦法簡單地掛鉤到提交事件，所以我可以發佈數據時按下提交？ （我知道有提交事件的鉤子，但我想要一個允許您輕鬆訪問圖像數據的文件）

Answer 1

是的，您可以使用add回調設置字段沿文件上傳，如下所示。

JS：

$('#fileupload1').fileupload({ 
    add : function (e, data) { 
     data.formData = { 
      yourParam : $('input[name="avatar"]').val() 
     }; 
     data.submit(); 
    } 
}); 

請注意，您需要設置其他配置參數fileupload插件：url，dataType等。

這個add回調會附加字段yourParam到發送到服務器的多部分請求與文件，它會被觸發時，一個文件被添加到上傳，並將不間斷地發送文件上傳請求。