Javascript 使用对话框表单js上传
我正在尝试从以下脚本上载文件html:Javascript 使用对话框表单js上传,javascript,html,upload,Javascript,Html,Upload,我正在尝试从以下脚本上载文件html: <form id="addActivity" enctype="multipart/form-data"> <fieldset> <label for="activity">Activity</label> <input type="text" name="activity" id="acti
<form id="addActivity" enctype="multipart/form-data">
<fieldset>
<label for="activity">Activity</label>
<input type="text" name="activity" id="activity" class="text ui-widget-content ui-corner-all" />
<label for="start_date">Start Date</label>
<input type="date" name="start_date" id="start_date" class="text ui-widget-content ui-corner-all" />
<label for="end_date">End Date</label>
<input type="date" name="end_date" id="end_date" class="text ui-widget-content ui-corner-all" />
<label for="percentage">Percentage</label>
<input type="text" name="percentage" id="percentage" class="text ui-widget-content ui-corner-all" />
<label for="attachment">Attachment</label>
<input type="file" name="attachment" id="attachment" class="text ui-widget-content ui-corner-all" />
</fieldset>
</form>
我知道问题在于javascript从html读取enctype=“multipart/form data”
我应该如何处理javascript读取上载数据?
谢谢,需要快速响应,请参见:(使用$.ajax({type:“POST”,url:“add_activity_ajax.php”,data:dataString,enctype:'multipart/form data',cache:false,success:function(data){//alert(data);location.reload();});但仍然不起作用:(
$( "#activity-form" ).dialog({
autoOpen: false,
height: 300,
width: 350,
modal: true,
buttons: {
"Add Data": function() {
var bValid = true;
allFields.removeClass( "ui-state-error" );
//Ajax Add Barang
var dataString = $( "#addActivity" ).serialize();
//alert(dataString);
$.ajax({
type: "POST",
url: "add_activity_ajax.php",
data: dataString,
cache: false,
success: function(data){
//alert(data);
location.reload();
}
});
//Close Dialog Box
$( this ).dialog( "close" );
},
Cancel: function() {
$( this ).dialog( "close" );
}
},
close: function() {
allFields.val( "" ).removeClass( "ui-state-error" );
}
});
$( "#add_new_activity" )
.button()
.click(function() {
$( "#activity-form" ).dialog( "open" );
});
});