首頁 > 開發者 > C++

c#+js 使用formdata上傳檔案

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：process   action   proc   傳值   UI   link   返回   需要   參數說明   

如果不是使用form表單submit的形式，我們可以手動通過formdata傳值（針對檔案上傳等）

比如：

<html><head>    <meta name="viewport" content="width=device-width" />    <link href="~/jquery-easyui-master/themes/default/easyui.css" rel="stylesheet" />    <link href="~/jquery-easyui-master/themes/icon.css" rel="stylesheet" />    <script src="~/Scripts/jquery-1.10.2.js"></script>    <script src="~/jquery-easyui-master/jquery.easyui.min.js"></script>    <title>Test</title></head><body>    <input id="my" name="my" class="easyui-filebox" width="300"/>    @*<input name="my" type="file" width="300"/>*@    <button onclick="submitV();">提交</button>    <script>        function submitV() {            var dom = $(‘input[name="my"]‘)[0];//擷取上傳檔案dom對象            var forms = $(‘<form></form>‘).append($(dom).clone());//複製dom對象，建立表單            var formData = new FormData(forms[0]);            /*            由於easyui產生的dom有各種嵌套，直接通過id擷取的dom不是一個type為file的input            這裡可以通過設定name屬性，通過name擷取            formdata對象可以附加各種表單值,檔案對象也是可以的            formData.append("myValue", ‘myValue‘);            formData.append("my", $(‘input[name="my"]‘)[0].files[0]);            還有一種方式就是通過form表單的dom去執行個體化foamdata，比如：            var formData = new FormData($(‘<form><input name="my" value="myvalue"/></form>‘)[0]);            */                        $.ajax({                url: ‘@Url.Action("TestPost")‘,                type: ‘POST‘,                data: formData,                async: false,                cache: false,                contentType: false,// 告訴jQuery不要去設定Content-Type要求標頭                processData: false// 告訴jQuery不要去處理髮送的資料            });        }    </script></body></html>

 

其中，ajax參數說明：

參數名 類型 描述
url String (預設: 當前頁地址) 發送請求的地址。
type String (預設: "GET") 請求方式 ("POST" 或 "GET")， 預設為 "GET"。注意：其它 HTTP 要求方法，如 PUT 和 DELETE 也可以使用，但僅部分瀏覽器支援。
timeout Number 佈建要求逾時時間（毫秒）。此設定將覆蓋全域設定。
async Boolean (預設: true) 預設設定下，所有請求均為非同步請求。如果需要發送同步請求，請將此選項設定為 false。注意，同步請求將鎖住瀏覽器，使用者其它操作必須等待請求完成才可以執行。
beforeSend Function 發送請求前可修改 XMLHttpRequest 對象的函數，如添加自訂 HTTP 頭。XMLHttpRequest 對象是唯一的參數。
function (XMLHttpRequest) {
          this; // the options for this ajax request          }
cache Boolean (預設: true) jQuery 1.2 新功能，設定為 false 將不會從瀏覽器緩衝中載入請求資訊。
complete Function 請求完成後回呼函數 (請求成功或失敗時均調用)。參數： XMLHttpRequest 對象，成功資訊字串。
function (XMLHttpRequest, textStatus) {
          this; // the options for this ajax request          }
contentType String

(預設: "application/x-www-form-urlencoded") 發送資訊至伺服器時內容編碼類別型。預設值適合大多數應用場合。告訴伺服器從瀏覽器提交過來的資料格式。

例如：我們提交資料時假如使用了 JSON2.js 中方法 JSON.stringify(obj) 格式化為json字串後，再預設提交就會報錯。這個時候就需要指定提交的內容格式為："application/json"。
data Object,
String

發送到伺服器的資料。

若data資料類型為JavaScript對象或數 組，Jquery在提交之前自動調用JQuery.param()方法把要發送的資料編碼成為"application/x-www-form- urlencoded"格式的資料（即 name=value&name1=value1）；JavaScript對象必須為 Key/Value 格式；如果為數組，jQuery 將自動為不同值對應同一個名稱。如 {foo:["bar1", "bar2"]} 轉換為 ‘&foo=bar1&foo=bar2‘；

若data資料類型為String類型，則直接預設該資料已經按照"application/x-www-form-urlencoded"格式編碼完成，不再轉換。

processData選項可以控制是否進行轉換。該選項預設為true。
dataType String

預期伺服器返回的資料類型。設定HttpHeader中“Accept”域的內容，告訴伺服器瀏覽器可以想要返回的資料格式類型，同時JQuery也會根據該類型對返回的資料進行處理。如果不指定，jQuery 將自動根據 HTTP 包 MIME 資訊返回 responseXML 或 responseText，並作為回呼函數參數傳遞，可用值:

"xml": 返回 XML 文檔，可用 jQuery 處理。

"html": 返回純文字 HTML 資訊；包含 script 元素。

"script": 返回純文字 JavaScript 代碼。不會自動緩衝結果。

"json": 返回 JSON 資料 。JQuery將返回的字串格式資料自動轉化為Javascript對象，便於直接使用obj.property格式訪問。若沒有指定該選項，即使返回的是JSON格式的字串，JQuery也不會自動轉換。

"jsonp": JSONP 格式。使用 JSONP 形式調用函數時，如 "myurl?callback=?" jQuery 將自動替換 ? 為正確的函數名，以執行回呼函數。
error Function (預設: 自動判斷 (xml 或 html)) 請求失敗時將調用此方法。這個方法有三個參數：XMLHttpRequest 對象，錯誤資訊，（可能）捕獲的錯誤對象。
function (XMLHttpRequest, textStatus, errorThrown) {
          // 通常情況下textStatus和errorThown只有其中一個有值           this; // the options for this ajax request          }
global Boolean (預設: true) 是否觸發全域 AJAX 事件。設定為 false 將不會觸發全域 AJAX 事件，如 ajaxStart 或 ajaxStop 。可用於控制不同的Ajax事件
ifModified Boolean (預設: false) 僅在伺服器資料改變時擷取新資料。使用 HTTP 包 Last-Modified 頭資訊判斷。
processData Boolean (預設: true) 預設情況下，發送的資料將被轉換為對象(技術上講並非字串) 以配合預設內容類型 "application/x-www-form-urlencoded"。如果要發送 DOM 樹資訊或其它不希望轉換的資訊，請設定為 false。
success Function 請求成功後回呼函數。這個方法有兩個參數：伺服器返回資料，返回狀態
function (data, textStatus) {
          // data could be xmlDoc, jsonObj, html, text, etc...          this; // the options for this ajax request          }

c#+js 使用formdata上傳檔案

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More