如何将图像或文件发送到服务器?

时间:2014-09-26 06:43:10

标签: jquery asp.net-mvc c#-4.0

你好,我的朋友我的英语不好我希望你能理解我

我正在获取图像路径和文件名,我正在显示页面上的图片 但如何将图像或文件发送到服务器? 谢谢 当我点击按钮时,将图像或文件发送到服务器?ü

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

0 个答案:

没有答案