使用js設定form 表單的action

2021-10-04 17:19:02 字數 1932 閱讀 8317

一般情況下,在乙個form表單裡所有上傳或文件都預設存放在同乙個路徑,但有時候需要在同乙個介面裡不同的物件文件上傳後存放在不同的路徑下,因此,在不更改後台**的情況下,我們可以用js來變更form表單的action 達到目的。

form表單資訊如下:

"work_form" id=

"work_form" method=

"post"

action=

"後台訪問路徑和傳參"

enctype=

"multipart/form-data" method=

"post" target=

"hidden_frame"

>

:<

/td>

"5">

"hidden" name=

"cover"

/>

'hidden_frame' id=

"hidden_frame" style=

'display:none'

>

<

/iframe>

"text" id=

"piction1" name=

"piction1" style=

"width: 630px"

/>

="file button"

>瀏 覽

"file" id=

"filename" name=

"filename"

class

="hifile"

onchange=

"senduploadimg('filename','piction1');return false;"

/>

<

/span>

"downfile();return false;" type=

"button" value=

/>

<

/td>

<

/tr>

文件:<

/td>

"5">

"hidden" name=

"cover"

/>

'hidden_frame' id=

"hidden_frame" style=

'display:none'

>

<

/iframe>

"text" id=

"piction2" name=

"piction2" style=

"width: 630px"

/>

="file button"

>瀏 覽

"file" id=

"filename2" name=

"filename2"

class

="hifile"

onchange=

"senduploadimg('filename2','piction2');return false;"

/>

<

/span>

"downfile();return false;" type=

"button" value=

/>

<

/td>

<

/tr>

<

/table>

<

/form>

使用js 變更action 傳入後台的引數:

//,或文件上傳,

function

senduploadimg

(filename,imgname)

else

}

一般系統都有封裝好的後台方法,因此我們只要修改對應的傳參引數,即可達到效果,避免了後台公共方法的修改。

js之form表單的獲取

js中獲取form的方法 1.利用表單在文件中的索引或表單的name屬性來引用表單 1 document.forms i 得到頁面中的第i個表單 2 document.forms formname 得到頁面中相應name的表單 2.利用表單的id屬性 1 document.getelementbyi...

js獲取form表單的值

輸出 url 編碼的文字字串 var o form serialize 結果為 token 1tbmfhkvmt93xauntf4wtrhezp17gway9yu6ii4x mall code 135 merchant id 2 vip card code code coupon name code...

js 取值 賦值 form表單

表單元素。表單中的元素 表單控制項元素 選擇列表元素 選擇列表條目元素 文字區域元素 表單標記元素 window.onload function form action name registform method post onsubmit return verfication input typ...