本文基於我剛寫的進行了簡單的擴充套件,實現頁面無跳轉表單資料提交,並接收後台返回的資料。
index.html
doctype html
>
<
html
lang
="en"
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>title
title
>
head
>
<
body
>
<
form
action
="/upload"
enctype
="multipart/form-data"
method
="post"
>
<
p>附件:<
input
type
="file"
name
="myfile"
style
="">
p>
<
p>
<
input
type
="submit"
>
p>
form
>
<
iframe
name
="message"
style
="display: none"
>
iframe
>
<
form
action
="/upload1"
enctype
="multipart/form-data"
method
="post"
target
="message"
>
<
p>附件:<
input
type
="file"
name
="myfile"
style
="">
p>
<
p>
<
input
type
="submit"
>
p>
<
p id
="success"
style
="display: none;"
>上傳成功
p>
form
>
body
>
<
script
type
="text/j**ascript"
>
function
uploadsuccess(data)
script
>
html
>
/** * created by iwang on 2017/1/15. */
//express使用的是@4版本的。
var express = require('express');
//form表單需要的中介軟體。
var mutipart= require('connect-multiparty');
var mutipartmiddeware =mutipart();
//下面會修改臨時檔案的儲存位置,如過沒有會預設儲存別的地方,這裡不在詳細描述。
//設定http服務監聽的埠號。
() );
//瀏覽器訪問localhost會輸出乙個html檔案
(req,res) );
//這裡用來玩,express框架路由功能寫的,與上傳檔案沒沒有關係。
(req,res) );
//這裡就是接受form表單請求的介面路徑,請求方式為post。
(req,res) );
(req,res) );
如過你不需要暫停上傳功能,和上傳進度功能。那麼上面的技術就可以讓你實現上傳功能了,能相容ie低版本瀏覽器。
from表單實現無跳轉上傳檔案,接收頁面後台資料
實現無跳 送表單資料 檔案,並能接收後台返回的資料。主要技術要點 1 form表單新增target屬性,指定乙個iframme的name form表單提交後在iframe內嵌視窗接受響應,主頁面就不會再跳轉。2 同時,我們需要接收知道後台返回的資料以便我們的業務處理,這裡讓後台返回乙個帶有執行乙個函...
使用 js 實現 多表單 無重新整理 上傳檔案
對於web,一說到無重新整理,第乙個想到的就是ajax。不過這次是需要上傳檔案,ajax也無能為力了。因為ajax是以字串的形式與後台互動的。本來找了幾個jquery的外掛程式,但是由於這次頁面上有多個form,而這些form也是用ajax動態生成的,於是像ajaxfileupload jquery...
java實現web檔案無重新整理上傳
最近在熱門主題之家 做如何實現檔案上傳的相關工作,查閱了很多資料,發現網上寫的都不是很直觀,且除錯複雜,經實驗成功。把form的target設為頁面裡乙個看不見的iframe,這樣上傳時候就不會重新整理頁面了,比如 後台方法 如下 設定檔案實際儲存的目錄 string userdir dir fil...