web前端js上传文件

最新推荐文章于 2024-07-03 12:27:32 发布

weixin_43710113

最新推荐文章于 2024-07-03 12:27:32 发布

阅读量5.9k

点赞数

分类专栏： File 文章标签： js文件上传

本文链接：https://blog.csdn.net/weixin_43710113/article/details/93385382

版权

本文介绍了一种使用JavaScript和EasyUI在前端实现文件上传的方法。通过示例代码展示了一个简单的JSP页面，当点击上传按钮后，能够触发文件选择并进行上传操作。

摘要由CSDN通过智能技术生成

前端用的js+easyui

Demo：

<html>
<head>
    <meta charset="UTF-8">
    <title>XMLHttpRequest上传文件</title>
    <script type="text/javascript">
        //图片上传
        var xhr;
        //上传文件方法
        function UpladFile() {
            var fileObj = document.getElementById("file").files[0]; // js 获取文件对象
            var url =  "http://localhost:8080" + "/api/attachment/upload"; // 接收上传文件的后台地址

            var form = new FormData(); // FormData 对象
            form.append("file", fileObj); // 文件对象

            xhr = new XMLHttpRequest();  // XMLHttpRequest 对象
            xhr.open("post", url, true); //post方式，url为服务器请求地址，true 该参数规定请求是否异步处理。
            xhr.onload = uploadComplete; //请求完成
            xhr.onerror =  uploadFailed; //请求失败

            xhr.upload.onprogress = progressFunction;//【上传进度调用方法实现】
            xhr

最低0.47元/天解锁文章

weixin_43710113

关注

0
点赞
踩
14

收藏

觉得还不错? 一键收藏
1
评论
web前端js上传文件

前端用的js+easyuiDemo：<html><head> <meta charset="UTF-8"> <title>XMLHttpRequest上传文件</title> <script type="text/javascript"> //图片上传 var xh...
复制链接

扫一扫

专栏目录