XMLHttpRequest文件上传

@LanCaiSheng

于 2024-08-27 11:22:49 发布

阅读量129

点赞数 1

文章标签：服务器前端

本文链接：https://blog.csdn.net/qq_43173759/article/details/141597967

版权

 <input type="file" name="fileUpload" id="fileUpload" style="width: 73px;" />
 <script type="text/javascript">
$(document).ready(function () {
            document.getElementById('fileUpload').addEventListener('change', function (e) {
                var files = this.files;
                var username = '<%=SKT.LeanMES.Web.AccountController.GetCurrentUser().UserName%>';
                var formData = new FormData();
                formData.append('Action', 'InspectionFile');
                formData.append('InspectionNo', $.trim($("#spanInspectionOrderNo").html()));
                formData.append('userName', username);
                formData.append('Filedata', files[0]); // 'Filedata' 是服务器端期望的文件字段名称
                var xhr = new XMLHttpRequest();
                xhr.open('POST', '<%=SKT.LeanMES.Web.WebHelper.WebRoot %>/Handler/UploadHander.ashx', true);
                xhr.onload = function () {
                    if (this.status == 200) {
                        FileShow();
                    } else {
                        alert("文件上传失败！")
                    }
                };
                xhr.send(formData);
            });
        });
        </script>