2013-05-09 78 views
0

我正在開發一個使用asp.net和jquery的移動網站。沒有插件。只是簡單的jQuery。
我正在使用HTML5的從手機網站加載圖片到服務器

<input type="file"/> 

這麼幾個問題,以獲得大畫面:
。可我加載文件沒有jQuery插件,但只有簡單的jQuery?只需選擇文件,使用ajax發送它並在服務器端捕獲它?
。我注意到Request對象的Request.Files屬性。它只能填寫整個頁面的文章,或者我可以使用Ajax獲取文件嗎?
。如果2中的答案爲「否!」,我如何排除服務器端的文件數據?

感謝

回答

0

這是解決方案,我發現:

JS:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#inputFile').on('change', function() { 
      var file = this.files[0]; 
      var name = file.name; 
      var size = file.size; 
      var type = file.type; 

      var formData = new FormData(); 
      formData.append(file.name, file) 
      $.ajax({ 
       url: 'AjaxPage.aspx', 
       dataType: 'script', 
       cache: false, 
       contentType: false, 
       processData: false, 
       data: formData,       
       type: 'post', 
       success: function (response) { 
        alert(response); 
       }, 
       error: function (e) { 
        alert(e); 
       } 
      }); 
     }); 
    }); 

</script> 

CS:(Ajax的頁面捕捉的文件和操縱它們,你會)

var files = Request.Files; 

HTML:

<body> 

    <div> 
    <input type="file" id="inputFile" /> 
    </div> 

</body>