javascript - 有什么方法能ajax上传文件呢 ?-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 有什么方法能ajax上传文件呢 ?

大家讲道理 2017-04-10 15:04:07

[JavaScript讨论组]

499

<form enctype="multipart/form-data" method="post" action="http://A.com/upload.php">
<input type="file" name="file">
<input type="submit">
</form>

正常是这样的吧 , 然后会返回 http://A.com/upload.php , json 数据

怎么实现在同一页面 ajax 上传呢 ?

大家讲道理

光阴似箭催人老，日月如移越少年。

全部回复(4)

PHP中文网2017-04-10 15:06:07 4楼

原生js很简单，核心就是FromData对象，下面为实现代码。

function send(){
    var xhr = new XMLHttpRequest(),
        form = new FormData(),
        metadata = document.getElementById('file').files[0];

    form.append('file',metadata);

    xhr.open("POST", "/test");
    xhr.send(form);
  }

赞 +0

添加回复

ringa_lee2017-04-10 15:06:07 3楼

用动态插入iframe，参考http://www.ruanyifeng.com/blog/2012/08/file_upload.html

赞 +0

添加回复

高洛峰2017-04-10 15:06:07 2楼

可以配合jquery.form 来做或者用这个https://github.com/blueimp/jQuery-File-Upload

赞 +0

添加回复

阿神2017-04-10 15:06:07 1楼

jquery 上传文件的一些库

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部