js ajax上传文件功能

  • ajax请求
  • php接收文件(yii框架)

ajax请求

<form enctype="multipart/form-data"><input type="file" id="inputfile" name="inputfile" class="file-img-load"  onchange=""><button type="button" class="btn btn-primary" onclick="importByconfirm();" id="confirm">确认</button>
</form>
function importByconfirm() {var file = $('#inputfile')[0].files[0];var data = new window.FormData();data.append('inputfile', file);$.ajax({type: 'POST',url: url,data: data,cache: false,processData: false,contentType: false,success: function (res) {if (res.result == 1) {alert(res.msg);window.location.reload();} else {alert(res.msg);}},error: function (errMsg) {console.error("上传失败:", errMsg);}});
}

php接收文件(yii框架)

use yii\web\UploadedFile;$uploader = UploadedFile::getInstanceByName('inputfile');

js ajax上传文件功能相关推荐

  1. egg.js ajax上传文件,egg.js 通过 form 和 ajax 两种方式上传文件并自定义目录和文件名...

    一.需求 egg.js 的文件上传个人觉得很一般,内置的 multipart 插件并不怎么好用. egg-multipart 也是基于 co-busboy 实现的. egg 官方给的文件上传的示例地址 ...

  2. egg.js ajax上传文件,上传图片功能不会使用

    node 12.13.0 egg:2.28.0 前端代码: var formData = new FormData(); formData.append("file",file.r ...

  3. php ajaxfileupload.js 使用,使用ajaxfileupload.js实现上传文件功能

    一直以来上传文件都是使用form表单上传文件,也看到过有人使用js上传文件,不过看起来蛮简单的也就没有怎么去理会.今天突然要使用这种方式上传文件,期间还遇到点问题.因此就记录下来,方便以后遇到这样的问 ...

  4. 使用ajaxfileupload.js实现上传文件功能

    一.ajaxFileUpload是一个异步上传文件的jQuery插件. 语法:$.ajaxFileUpload([options]) options参数说明: 1.url 上传处理程序地址 2.fil ...

  5. js ajax上传文件到服务器,使用ajax上传并预览图片后传到服务器上

    利用js的FormData对象快速收集表单信息及无刷新上传头像 #preview, .img, img { width: 200px; height: 200px; } #preview { bord ...

  6. html表单调用js文件上传,简单实现js上传文件功能

    本文实例为大家分享了js实现上传文件功能的具体代码,供大家参考,具体内容如下 一.用input完成上传,效果图如 选择文件后,提交后出现图片url 二.传输格式采用form-data形式. html代 ...

  7. jQuery+php+ajax实现无刷新上传文件功能

    2019独角兽企业重金招聘Python工程师标准>>> jQuery+php+ajax实现无刷新上传文件功能,还带有上传进度条动画效果,支持图片.视频等大文件上传. js代码: &l ...

  8. Ajax上传文件(原生JS篇)

    工作中用到了Ajax上传文件的情景 之前自己不知道ajax可以传 通过文档发现XHR2.0已经支持了 但需要集合FormData 目录结构 test 一级 files 二级 index.html 二级 ...

  9. 页面无刷新ajax上传文件--模拟iframe,超简单

    前段时间在解决ajax上传文件时折腾了好一阵.直接用$.post上传文本信息肯定是没有问题的.但是$.post直接上传图片是不可行的. 后来看到网上的一些解决方案,有现成的ajax上传文件的封装的方法 ...

最新文章

  1. 使用 acme.sh 获取网站证书并配置https访问
  2. python学精通要多久-精通python需要多久
  3. python中处理日期和时间的标准模块是-2019python常见的170道面试题解析
  4. MES系统模块设计之物料控制 Material Control -- 1
  5. addonsmaker怎么制作_addonsmaker
  6. android 清除应用程序数据,Android – 通过“清除数据”设置选项阻止正在删除的应用程序数据或文件...
  7. QLineEdit的readonly、disable属性的区别
  8. 电脑k歌软件_金麦客专业k歌app下载|金麦客专业k歌软件 手机安卓版v1.1.5.0 下载...
  9. 草稿 12月第2周 排课
  10. 计算机二级c语言题库选择题,计算机二级C语言真题选择题
  11. 微信小程序数据库操作之更新数据(转载)
  12. OSChina 周五乱弹 —— 企鹅尼克号
  13. kata containers调研
  14. Python常用函数总结(按照字母顺序)
  15. 航信软件里面的虚拟服务器,航天信息网络应用平台
  16. 沙漠 草原 湖泊 羊群 骆驼(1)
  17. Windows 7 专业版(SP1)32位操作系统安装Opencv 2.4.10
  18. 90 后高管:“下不手开除 70、80 后,公司死了谁负责?”
  19. 在java中使用jython
  20. python import gensim error: ModuleNotFoundError: No module named ‘dataclasses‘

热门文章

  1. Live2D项目,桌面可爱玩偶(可以动的),html桌面化(exe)的实现
  2. Codeforces Round #196 (Div. 2) A. Puzzles 水题
  3. 关于彻底获得管理员权限的方法。(解决PYTHON PS 等报错问题)
  4. JavaScript 实例:当当网 点击展开效果
  5. 关于Java RDP协议实现远程桌面连接的开源项目properjavardp .
  6. 虚拟机调用方法之ArtMethod
  7. 区块链笔记(一)区块链的诞生
  8. HTML判断是PC端还是手机端,以及获取url参数
  9. 关于485收数据的问题
  10. Fecshop后台开发