如何取消使用表單提交的文件上傳？

Question

我正在使用com.extjs.gxt.ui.client.widget.form.FormPanel;用於文件上傳。代碼如下：

FormPanel panel = new FormPanel(); 
file = new FileUploadField(); 
file.setName("uploadedfile"); 
file.setFieldLabel("File"); 

FlexTable fileTable = new FlexTable(); 
fileTable.setWidget(0, 0, file); 
panel.add(fileTable); 

Button submitButton = new Button("Save"); 
panel.addButton(submitButton); 


submitButton.addListener(Events.Select, 
new Listener<ButtonEvent>() { 
     @Override 
     public void handleEvent(ButtonEvent be) { 
     panel.setAction(<someactionUrl>); 
     panel.submit(); 
} 
}); 

表單提交文件上傳開始後，我顯示一個進度條並帶有取消按鈕。當用戶點擊取消按鈕時，我想中止文件上傳（表單提交請求）。我怎樣才能做到這一點？

Answer 1

您可以檢出gwt-upload。我看到基於gwt-upload的示例，您可以取消上傳文件。

Answer 2

爲了能夠取消表單提交，您必須導航或刪除包含提交表單的頁面。爲了使這一切順利進行，你必須改變你的提交方式。

在提交：

1. 深克隆被上傳
2. 交換克隆的輸入[類型=文件用於原稿元素形式的元素。
3. 創建一個iframe
4. 的iframe添加到DOM
5. 追加克隆形式的iframe
6. 設置iframe的ID和表單的目標共同的，獨特的價值
7. 提交的克隆形式

取消：

1. 刪除iframe中。