博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js上传
阅读量:7079 次
发布时间:2019-06-28

本文共 1830 字,大约阅读时间需要 6 分钟。

js上传目前有很多的方法,有控件,有自定义的等等

下面为在项目中用到的一个自定义的上传,不依赖任何的控件

///上传触发事件function StartLoadCAD() {    var fileupload = document.getElementById('filePro').files;    for (var i = 0; i < fileupload.length; i++) {        var formdata = new FormData();         formdata.append('files', fileupload[i]);           //formdata.append('files', fileupload);        var xmlHttp = new XMLHttpRequest();        xmlHttp.open("post", '../Myupload/upload.ashx?method=formDataUpload');        xmlHttp.onreadystatechange = function () {            if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {                //alert('上传成功');                    //uploadToFile(fileupload[0].name);     //开始临时上传            }        }        xmlHttp.send(formdata);        if (fileupload[i].name.indexOf(".shp") >= 0&&fileupload[i].name.indexOf(".xml")==-1) {            uploadToFile(fileupload[i].name);     //开始临时上传        }        if (fileupload[i].name.indexOf(".dwg") >= 0) {            uploadToFile(fileupload[i].name);        }    }     //uploadToFile(fileupload[0].name);     //开始临时上传  }
///临时上传            function uploadToFile(filename) {    $.ajax({        type: "get",        url: "Home.aspx",        data: { "getCADpt": "getCADpt", "filename": filename },        error: function (ex) {            alert(ex);        },        success: function (data) {            if (data == "-1") {                alert("叠加文件格式不对");                $("#fileurl").val("")                return;            }            if (data == "0") {                alert("选择文件为空");                return;            }            //叠加            $("#overCAD").fadeOut(500);            AddCAD(data);       //获取CAD数据         }    });} 其中,当执行到临时上传这里的时候,其实文件已经在上一步操作中把文件上传到了指定的位置 文件上传,一般浏览器都会对客户端的路径进行加密安全处理,所以采用fileupload可以避免直接去读取浏览器的文件地址

转载于:https://www.cnblogs.com/sguozeng/p/9230468.html

你可能感兴趣的文章
css-margin
查看>>
一次全栈实践心得
查看>>
如今,收入最高编程语言资料汇总!看到就是赚到哦!
查看>>
参数使用小技巧
查看>>
2019年成为优秀的Java开发人员的10个技巧
查看>>
MWeb集成七牛云图床服务、上传图片
查看>>
创业新机:朋友圈广告位大改,“解刨”小程序的真正价值
查看>>
小猿圈web前端之JavaScript放大镜效果
查看>>
奇点大学人工智能专家:人造智能大脑已接近现实
查看>>
Python学习笔记 - 环境搭建
查看>>
大数据算法:kNN算法
查看>>
Fragment与自定义布局实现类似tab的效果
查看>>
2014第2周
查看>>
删除N天前日志
查看>>
my.cnf 详解与优化
查看>>
二维指针——改变动态申请的空间大小
查看>>
静态路由实验题
查看>>
简单理解Ajax原理
查看>>
Delphi XE2 之 FireMonkey 入门(18) - TLang(多语言切换的实现)
查看>>
学用 ASP.Net 之 System.DateTime 结构
查看>>