var myForm = document.getElementById("myForm");

var upfile = document.getElementById("upfile");

myForm.onsubmit = function() {

//获取文件对象

var file = upfile.files[0];

//获取文件大小

var fileSize = file.size;

//一次截取的大小(字节)

var CutSize = 1024 * 1024 * 10;

//开始截取位置

var CutStart = 0;

//结束截取位置

var CutEnd = CutStart + CutSize;

//截取的临时文件

var tmpfile = new Blob();

while(CutStart < fileSize) {

tmpfile = file.slice(CutStart,CutEnd);

//我们创建一个FormData对象

var fd = new FormData();

//把文件添加到FormData对象中

fd.append("file",tmpfile);

var xhr = new XMLHttpRequest();

//这里使用同步

xhr.open("post","upfile.PHP",false);

//上传进度

console.log(Math.round( (CutStart + tmpfile.size) / fileSize * 100) + "%");

//发送FormData对象

xhr.send(fd);

//重新设置截取文件位置

CutStart = CutEnd;

CutEnd = CutStart + CutSize;

}

return false;

};

切割照片php上传,php下ajax的文件切割上传相关推荐

  1. php切割文件上传,php+ajax实现文件切割上传功能示例

    本文实例讲述了php+ajax实现文件切割上传功能.分享给大家供大家参考,具体如下: html5中的file对象继承blob二进制对象,blob提供了一个slice函数,可以用来切割文件数据. var ...

  2. 优秀教程:创建基于 Ajax 的文件拖放上传功能

    分享来自 Tutorialzine 的优秀教程--创建基于 Ajax 的文件拖放上传功能,结合 jQuery File Upload 插件和 jQuery Knob 插件实现漂亮的 CSS3/JS 驱 ...

  3. 滤了asa,cer,cdx,php,aspx等脚本类型的上传情况下添加一个ashx的上传类型

    今天日一站 发现后台可以设置上传类型,但是asp,asa,cer等等都不行,上传之后就提示下载 尝试着关闭了下了,还是不行,后来找到了一位前辈写的文章 过滤了asa,cer,cdx,php,aspx等 ...

  4. java http 下载网页代码_Java下http下载文件客户端和上传文件客户端实例代码

    Java下http下载文件客户端和上传文件客户端实例代码 发布于 2021-1-14| 复制链接 摘记: 一.下载客户端代码 ```java package javadownload; import ...

  5. ajax上传 java_使用Ajax进行文件与其他参数的上传功能(java开发)

    文件上传: 记得前一段时间,为了研究Ajax文件上传,找了很多资料,在网上看到的大部分是form表单的方式提交文件,对于Ajax方式提交文件并且也要提交表单中其他数据,发现提及的并不是很多,后来在同事 ...

  6. php flash 图片上传,php+jquery+ajax无刷新图片上传裁切,模拟flash头像上传实例

    这几天自己在写一个cms.之前在用到图片上传裁切的时候总是用的flash的,或者是swfupload之类的.用的还不熟练,所以今天就用ajax做一个图片上传裁切的实例.个人感觉还不错,现在就分享出来. ...

  7. IE下ajax响应慢,IE9上的Jquery Ajax调用非常慢,但在IE9中非常快

    我知道很多关于JS& amp; IE上的Jquery性能.然而,没有人帮助我,因此我不得不在这里提出这个问题.我对JS& amp; jQuery的.但是我遇到了问题.我的应用程序使用J ...

  8. Springboot实现文件上传,并防止同文件重复上传

    目录 主要流程 编写接受文件上传的Controller 编写文件操作结果类 编写文件操作类 知识总结 参考 主要流程 在配置文件中添加文件操作的配置,示例: storage:image:#保存位置sa ...

  9. 文档上传下载 php开源,PHP文件的上传下载 - PHP开发学习门户的个人空间 - OSCHINA - 中文开源技术交流社区...

    (1).在标签中将enctype和method两个属性指明相应的值. Enctype="multipart/form-data"; Method="POST" ...

最新文章

  1. TYVJ P1069 cowtour 看不懂题意
  2. 用go语言制作读取excel模板批量生成word工具
  3. Java函数式编程和Lambda表达式
  4. The Zen of Python
  5. sklearn随机森林概述
  6. 互联网日报 | 1月22日 星期五 | 春节返乡防疫政策发布;滴滴成立技术委员会;2021全国网上年货节正式启动...
  7. Java游戏小李飞镖,安全工程与虚拟技术部双节活动
  8. phpredis报错信息:protocol error, got 'o' as reply type byte解决方案
  9. H5 Laya 字体
  10. STM32 CAN编程详解
  11. 『转』Unicode汉字编码表
  12. 成品系统搭建 一周就可以上线运营
  13. 计算机专业高级职称评定条件,计算机高级工程师职称评定条件
  14. html中斜体样式怎么写,css斜体样式怎么写
  15. 熬夜整理了2021年Python最新学习资料,分享给学弟学妹们【大学生必备】
  16. POJ 1375 Intervals
  17. ffmpeg学习笔记之创建音频解码器失败 avcodec_open2() 返回值为-22
  18. Windows中制作傻瓜式安装 Yosemite黑苹果教程。看完你就懂了会了
  19. 活着就是为了改变世界
  20. python异步爬虫之线程池

热门文章

  1. Visual Studio Code Vue代码片段 总览
  2. RPC 中 参数传递 ImputStream 流会关闭
  3. 在单页应用Vue中设置标题(title)
  4. JavaScript-Iterable迭代
  5. Java-static关键字
  6. Ruby-Metasploit的核心
  7. 计算机软件复用意义何在,2009计算机科学技术导论复习要点.pdf
  8. 华为android o适配名单,Android 12首批适配名单公布:没有华为、荣耀
  9. ++递归 字符串全排列_超全递归技巧整理,这次一起拿下递归
  10. 长安渝北工厂机器人_长安UNI-T智能工厂:机器人、激光焊, 一分钟一台车