你好,我的朋友我的英语不好我希望你能理解我
我正在获取图像路径和文件名,我正在显示页面上的图片 但如何将图像或文件发送到服务器? 谢谢 当我点击按钮时,将图像或文件发送到服务器?ü
HTML
<form name="Ajaxform" method="POST">
<div id="CrewPhoto">
<input type="file" id="fileUpload" name="upload" />
</div>
</form>
<div data-name="Crew_preview" id="Crew_preview">
<img id="imageSrc" src="#" />
<br />
<div id="BigDelete" style="left: 93%; top: 4px; position: absolute;"></div>
</div>
<table style="margin-left: 13px; width: 430px;" class="tftable">
<tr>
<td>
<label id="lbName">First Name</label></td>
<td>
<input type="text" name="Name" id="Name" class="Name" value="3213213" /></td>
</tr>
**........... more**
我正在使用ajax表单
function AjaxForm(form, action) {
temp = $("form").serializeArray();
var SendData = new Object();
for (var i = 0; i < temp.length; i++) {
name = temp[i].name;
value = temp[i].value;
SendData[name] = value;
}
AddCrew(SendData);
}
function AddCrew(addData) {
addData["CompetencyID"] = addData["Competency"];
delete addData.Competency;
$.ajax(
{
url: 'Crew/AddCrew',
type: 'POST',
dataType: 'json',
contentType: 'application/json; charset=utf-8',
data: JSON.stringify({ incomingData: addData }),
success: function (Id) {
if (isGuidEmpty(Id)) {
alertify.alert("Crew was successfully added..");
$("#CrewGrid").jqxGrid('clear');
CrewGridFocus(Id); // crew.js create olan datayı gride bind eder
}
else {
alertify.error("a problem has occurred, try again later");
}
},
error: function (jqXHR, textStatus, errorThrown) {
alertify.alert("AddContract function error");
}
});
}
谢谢
$('#fileUpload').on('change', function (e) {
temp = $(this).val().split('.').pop().toLowerCase();
path = $(this).val();
if (jQuery.inArray(temp, ['gif', 'png', 'jpg', 'jpeg']) == -1) {
resetFormElement(jQuery(this));
window.alert('Not an image!');
} else {
files = jQuery('#fileUpload').prop("files")[0];
blobURL = window.URL.createObjectURL(files);
$('#Crew_preview img').attr('src', blobURL);
$('#Crew_preview').slideDown();
$(this).slideUp();
e.preventDefault();
e.stopPropagation();
}
project
models
css
files
images
tempImages