码迷,mamicode.com
首页 > Web开发 > 详细

使用XMLHttpRequest上传

时间:2016-07-13 15:44:18      阅读:468      评论:0      收藏:0      [点我收藏+]

标签:

刚才那个bootstrap-fileinput是上上个项目用的,

这两周又做了个短期项目,也有上传需求,但是我不想用bootstrap-fileinput了,以为就一个按钮,也不需要啥样式,也不需要啥功能。

于是用了XMLHttpRequest。

    function savefile(id) {
        var FileController = ‘@Url.Action("AddAttachment", "SiteDeclare")‘ + "?name=attr&id=" + id;
        var form = new FormData();
        for (var i = 0; i < document.getElementsByName("btn-selectfileattr").length; i++) {
            form.append("file" + i, document.getElementsByName("btn-selectfileattr")[i].files[0]);
        }
        var xhr = new XMLHttpRequest();
        xhr.open("post", FileController, false);
        xhr.onload = function (data) {
            if (data.currentTarget.status == "200") {
                if (data.currentTarget.responseText != null) {
                    *****
} } else { } }; xhr.send(form); }

代码应该很明白了,这是个多文件上传 xhr.open("post", FileController, false);这个false是同步,true是异步。

这次却是是要同步所以才改成false的,通常我都是true。

后台就是

foreach (string file in Request.Files)
{
    var attachment = Request.Files[file] as HttpPostedFileBase;
    ****** }

 差不多就这样

使用XMLHttpRequest上传

标签:

原文地址:http://www.cnblogs.com/suzu/p/5666981.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!