前台使用ajax與後台進行檔案傳輸

2021-07-25 16:39:46 字數 1178 閱讀 4335

在網上想搜如何用jquery與控制表單與後台進行檔案傳輸

大部分的回答都是直接用form表單提交

然而我想要的是使用ajax技術將檔案傳到後台,經過後台的處理後再返回資訊到前台

然後發現網友建議使用jquery表單框架,如ajaxuploadfile,uploadify

在這裡想和大家分享一下如何使用ajax技術向後台傳送檔案

formdata

這是html5的前沿技術

這裡有乙個非常全面的講解

這裡也有

這裡還有

簡單地講述一下它的使用:

例項化formdata物件

// 例項化乙個空物件

vardata

=new formdata();

// 也可以在例項化的時候將資料加入

vardata

=new formdata(obj);

data

// 將想要傳送的資料都新增到data中後,我們需要建乙個http請求

// 然後使用open方法,選擇傳送的method和後台的url

request.open("post|get", "url");

// 最後,向後台傳送我們的資料

request.send(data)

如何獲取表單中選中的檔案

var fileobj = document.getelementbyid(inputid).files[i];

// 切記,不可使用如下方式

var fileobj = $("#inputid")[0]

// 此種方法獲取到的是html dom元素,而不是檔案

如何使用jquery向後台傳送file檔案

// 獲取要傳輸的檔案------假設只有乙個檔案

var file = document.getelementbyid(inputid).files[0];

// ajax傳輸

$.ajax(,

error: function

(err)

});

使用JSON在前台與後台之間進行簡單的傳值

昨天花了一天時間寫了個簡單的連連看,比較粗糙,還沒有實現兩張相同消除的時候顯示的連線線。由於是練習,因此我使用了ajax進行前台與後台的傳值,這個傳值的載體自然就是json了。這篇博文僅僅是記錄一下 中用json進行傳值的使用。1 我是將遊戲區的top和left使用ajax傳遞給後台,讓後台計算出每...

使用QFile進行檔案操作

qfile類我我們提供了操作檔案的常用功能。它是一種io裝置,可以用來讀寫文字檔案和二進位制檔案,也可以用來讀寫qt的資源檔案。qfile類可以單獨使用,該類本身提供了read write函式,但更方便的方式是,將qfile和qtextstream或qdatastream一起使用。一般情況下,使用q...

使用Python進行檔案管理

檔案管理一般分為 開啟檔案 操作檔案內容 關閉檔案。檔案開啟 open mnt file 檔案操作 讀檔案 open mnt file read read n 指定讀取前n個字元 readline 按行讀取 readlines 將所有內容讀到一行 寫內容 open mnt.file wirte 關閉...