<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<style type="text/css">
|
div{
|
display: block;
|
}
|
#uploadMsg{
|
width: 260px;
|
height: 250px;
|
}
|
</style>
|
<script>
|
function uploadFileChange() {
|
document.getElementById("uploadMsg").value = "";
|
const files = this.files
|
for(let i=0; i<files.length; i++){
|
let file = files[i];
|
document.getElementById("uploadMsg").value += "name:" + file.name + ",size:" + file.size + ",type:" + file.type;
|
document.getElementById("uploadMsg").value += '\n\r';
|
}
|
}
|
|
function ajaxUploadFile(){
|
var fileElement = document.getElementById("uploadFile");
|
var files = fileElement.files;
|
|
var formData = new FormData();
|
formData.enctype = 'multipart/form-data';
|
for(let i = 0;i<files.length;i++){
|
formData.append("uploadFile", files[i]);
|
}
|
|
var xhr = new XMLHttpRequest();
|
xhr.open("POST", 'http://192.168.20.100:10005/BaseInfo/BasePaper/SetQuestionStrengThen', true);
|
xhr.setRequestHeader("Content-type", "multipart/form-data");
|
xhr.onload = function () {
|
alert(" 请求结束");
|
};
|
xhr.send(formData);
|
}
|
|
window.onload = function(){
|
var fileElement = document.getElementById("uploadFile");
|
fileElement.addEventListener("change", uploadFileChange, false);
|
var ajaxBtnElement = document.getElementById("ajaxBtn");
|
ajaxBtnElement.addEventListener("click", ajaxUploadFile, false);
|
}
|
|
</script>
|
</head>
|
<body>
|
<form action="http://192.168.20.100:10005/BaseInfo/BasePaper/SetQuestionStrengThen" method="post" enctype="multipart/form-data">
|
<div>
|
<input type='file' id='uploadFile' name='uploadFile' multiple/>
|
</div>
|
<div>
|
<textarea id='uploadMsg' name='uploadMsg'></textarea>
|
</div>
|
<div>
|
<input type='submit' id='formBtn' name='formBtn' value='表单上传'/>
|
<input type='button' id='ajaxBtn' name='ajaxBtn' value='Ajax上传'/>
|
</div>
|
</form>
|
</body>
|
</html>
|
