切割照片php上传,php下ajax的文件切割上传
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的文件切割上传相关推荐
- php切割文件上传,php+ajax实现文件切割上传功能示例
本文实例讲述了php+ajax实现文件切割上传功能.分享给大家供大家参考,具体如下: html5中的file对象继承blob二进制对象,blob提供了一个slice函数,可以用来切割文件数据. var ...
- 优秀教程:创建基于 Ajax 的文件拖放上传功能
分享来自 Tutorialzine 的优秀教程--创建基于 Ajax 的文件拖放上传功能,结合 jQuery File Upload 插件和 jQuery Knob 插件实现漂亮的 CSS3/JS 驱 ...
- 滤了asa,cer,cdx,php,aspx等脚本类型的上传情况下添加一个ashx的上传类型
今天日一站 发现后台可以设置上传类型,但是asp,asa,cer等等都不行,上传之后就提示下载 尝试着关闭了下了,还是不行,后来找到了一位前辈写的文章 过滤了asa,cer,cdx,php,aspx等 ...
- java http 下载网页代码_Java下http下载文件客户端和上传文件客户端实例代码
Java下http下载文件客户端和上传文件客户端实例代码 发布于 2021-1-14| 复制链接 摘记: 一.下载客户端代码 ```java package javadownload; import ...
- ajax上传 java_使用Ajax进行文件与其他参数的上传功能(java开发)
文件上传: 记得前一段时间,为了研究Ajax文件上传,找了很多资料,在网上看到的大部分是form表单的方式提交文件,对于Ajax方式提交文件并且也要提交表单中其他数据,发现提及的并不是很多,后来在同事 ...
- php flash 图片上传,php+jquery+ajax无刷新图片上传裁切,模拟flash头像上传实例
这几天自己在写一个cms.之前在用到图片上传裁切的时候总是用的flash的,或者是swfupload之类的.用的还不熟练,所以今天就用ajax做一个图片上传裁切的实例.个人感觉还不错,现在就分享出来. ...
- IE下ajax响应慢,IE9上的Jquery Ajax调用非常慢,但在IE9中非常快
我知道很多关于JS& amp; IE上的Jquery性能.然而,没有人帮助我,因此我不得不在这里提出这个问题.我对JS& amp; jQuery的.但是我遇到了问题.我的应用程序使用J ...
- Springboot实现文件上传,并防止同文件重复上传
目录 主要流程 编写接受文件上传的Controller 编写文件操作结果类 编写文件操作类 知识总结 参考 主要流程 在配置文件中添加文件操作的配置,示例: storage:image:#保存位置sa ...
- 文档上传下载 php开源,PHP文件的上传下载 - PHP开发学习门户的个人空间 - OSCHINA - 中文开源技术交流社区...
(1).在标签中将enctype和method两个属性指明相应的值. Enctype="multipart/form-data"; Method="POST" ...
最新文章
- TYVJ P1069 cowtour 看不懂题意
- 用go语言制作读取excel模板批量生成word工具
- Java函数式编程和Lambda表达式
- The Zen of Python
- sklearn随机森林概述
- 互联网日报 | 1月22日 星期五 | 春节返乡防疫政策发布;滴滴成立技术委员会;2021全国网上年货节正式启动...
- Java游戏小李飞镖,安全工程与虚拟技术部双节活动
- phpredis报错信息:protocol error, got 'o' as reply type byte解决方案
- H5 Laya 字体
- STM32 CAN编程详解
- 『转』Unicode汉字编码表
- 成品系统搭建 一周就可以上线运营
- 计算机专业高级职称评定条件,计算机高级工程师职称评定条件
- html中斜体样式怎么写,css斜体样式怎么写
- 熬夜整理了2021年Python最新学习资料,分享给学弟学妹们【大学生必备】
- POJ 1375 Intervals
- ffmpeg学习笔记之创建音频解码器失败 avcodec_open2() 返回值为-22
- Windows中制作傻瓜式安装 Yosemite黑苹果教程。看完你就懂了会了
- 活着就是为了改变世界
- python异步爬虫之线程池
热门文章
- Visual Studio Code Vue代码片段 总览
- RPC 中 参数传递 ImputStream 流会关闭
- 在单页应用Vue中设置标题(title)
- JavaScript-Iterable迭代
- Java-static关键字
- Ruby-Metasploit的核心
- 计算机软件复用意义何在,2009计算机科学技术导论复习要点.pdf
- 华为android o适配名单,Android 12首批适配名单公布:没有华为、荣耀
- ++递归 字符串全排列_超全递归技巧整理,这次一起拿下递归
- 长安渝北工厂机器人_长安UNI-T智能工厂:机器人、激光焊, 一分钟一台车