天天看點

使用form上傳檔案到application server的另一種辦法

Created by Jerry Wang, last modified on Sep 23, 2014

界面如下: 使用fileupload控件選擇local file後,點選Stash the file上傳:

使用form上傳檔案到application server的另一種辦法

在ABAP端接收到的http request header裡包含的form fields如下:

使用form上傳檔案到application server的另一種辦法

在ABAP端接收到的完整http request download到本地如下:

使用form上傳檔案到application server的另一種辦法

source code如下:

Your email address:

Custom file label:

File to stash:

Stash the file!

</div><div data-lake-id="680da3457d45a9ea9ab6adb33b9483b3">function sendForm() {</div><div data-lake-id="e23a51221232e9c913fb0a5db269fee6"> var oOutput = document.getElementById("output");</div><div data-lake-id="5f6e931b798ca3919a54dbcf6e2ddcba"> var oData = new FormData(document.forms.namedItem("fileinfo"));</div><div data-lake-id="064418fd1dce3359e291eac9399fbd09"><br /></div><div data-lake-id="0e9c4cad7450ddc0228916b1b99ed7fa"> oData.append("CustomField", "This is some extra data");</div><div data-lake-id="2eb574380f5dff4ba9d3f4ac90eb5437"><br /></div><div data-lake-id="61cc43f115b64a0a5d84786debb853d8"> var oReq = new XMLHttpRequest();</div><div data-lake-id="a80338ac73b9161d9bdc5cc802db70aa"> oReq.open("POST", "https://ag3:44354/sap/crm/file_upload", true);</div><div data-lake-id="283459dd7500ea6fface8366425f4c38"> oReq.onload = function(oEvent) {</div><div data-lake-id="89135dc6fa5c725775c5914c74328d35">   if (oReq.status == 200) {</div><div data-lake-id="dfd07c2f543fc0a2666c5d957d38bf0b">     oOutput.innerHTML = "Uploaded!";</div><div data-lake-id="d9dbdb2d81cc215c2cec0d9aedc15a05">   } else {</div><div data-lake-id="a41817bda375b836e01870173036d19b">     oOutput.innerHTML = "Error " + oReq.status + " occurred uploading your file.<br \/>";</div><div data-lake-id="a67ef529fdec3dee96ed07cd1c7e5ba9">   }</div><div data-lake-id="98c4e1e8751050dc37e4fd2d0f76d2b8"> };</div><div data-lake-id="5913d5640d625a696c55df2db24dd640"><br /></div><div data-lake-id="e11d7c3d5239abef668c81d767281886"> oReq.send(oData);</div><div data-lake-id="180c8c0cc32b8c9bd7924e66140fe073">}</div><div data-lake-id="88e099a35e6b59248fa6808d47a04ea2">

繼續閱讀