php图片异步上传,怎么在php中使用JavaScript实现图片异步上传功能
怎么在php中使用JavaScript实现图片异步上传功能
发布时间:2021-02-09 13:36:03
来源:亿速云
阅读:85
作者:Leah
本篇文章给大家分享的是有关怎么在php中使用JavaScript实现图片异步上传功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
upload.php
代码如下:
if(isset($_FILES["myfile"]))
{
$ret = array();
$uploadDir = 'images'.DIRECTORY_SEPARATOR.date("Ymd").DIRECTORY_SEPARATOR;
$dir = dirname(__FILE__).DIRECTORY_SEPARATOR.$uploadDir;
file_exists($dir) || (mkdir($dir,0777,true) && chmod($dir,0777));
if(!is_array($_FILES["myfile"]["name"])) //single file
{
$fileName = time().uniqid().'.'.pathinfo($_FILES["myfile"]["name"])['extension'];
move_uploaded_file($_FILES["myfile"]["tmp_name"],$dir.$fileName);
$ret['file'] = DIRECTORY_SEPARATOR.$uploadDir.$fileName;
}
echo json_encode($ret);
}
?>
index.html
复制代码 代码如下:
Html5 Ajax 上传文件
var xhr;
function createXMLHttpRequest()
{
if(window.ActiveXObject)
{
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
else if(window.XMLHttpRequest)
{
xhr = new XMLHttpRequest();
}
}
function UpladFile()
{
var fileObj = document.getElementById("file").files[0];
var FileController = 'upload.php';
var form = new FormData();
form.append("myfile", fileObj);
createXMLHttpRequest();
xhr.onreadystatechange = handleStateChange;
xhr.open("post", FileController, true);
xhr.send(form);
}
function handleStateChange()
{
if(xhr.readyState == 4)
{
if (xhr.status == 200 || xhr.status == 0)
{
var result = xhr.responseText;
var json = eval("(" + result + ")");
alert('图片链接:\n'+json.file);
}
}
}
.txt{ height:28px; border:1px solid #cdcdcd; width:670px;}
.mybtn{ background-color:#FFF; line-height:14px;vertical-align:middle;border:1px solid #CDCDCD;height:30px; width:70px;}
.file{ position:absolute; top:0; right:80px; height:24px; filter:alpha(opacity:0);opacity: 0;width:260px }
图片
浏览...
上传
以上就是怎么在php中使用JavaScript实现图片异步上传功能,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。
php图片异步上传,怎么在php中使用JavaScript实现图片异步上传功能相关推荐
- php利用ajax文件上传,如何在PHP中利用AjaxForm实现一个文件上传功能
如何在PHP中利用AjaxForm实现一个文件上传功能 发布时间:2020-12-18 14:52:38 来源:亿速云 阅读:94 作者:Leah 如何在PHP中利用AjaxForm实现一个文件上传功 ...
- linux 备份mysql并上传_实现Linux中Mysql数据库自动备份并上传到远程FTP服务器
这篇文章很有分享价值,因为我们在实际的生产环境中需要将数据库进行自动备份,然后上传到指定的位置,当然也可以像以下文章中所讲的一样,上传到你指定的FTP服务器中,从而实现Mysql数据库自动备份并上传到 ...
- html图片怎么预加载,如何利用CSS和Javascript实现图片预加载
说到图片预加载,想必大家已经很熟悉了,在平时的项目中,我们常用插件实现预加载,比如:懒加载lazyload插件等等.如果你想了解下lazyload,可以看下这两篇文章: 今天主要想介绍不用插件实现图片 ...
- 【苹果微信图片下载提示保存成功但相册中找不到图片】
目 录 苹果微信图片下载保存失败 发现问题 尝试解决方法 方法一(未成功) 方法二(成功) 苹果微信图片下载保存失败 发现问题 题主应用的苹果13,在查看微信图片时发现,点击右下角的下载图标对图片进行 ...
- html5图片文字环绕效果,HTML5实现Word中文字全环绕图片效果
实现这个功能是当时看见数字报的展示出来的编排方式,就是图片+热点,而且下载打开还是PDF的,让我这个WP用户咋个看.想实现Word中的编排方式,也需要浏览器支持Word插件,火狐.谷歌.Opera这些 ...
- spring3.0异步_在Spring 4.2中更简单地处理异步事务绑定事件
spring3.0异步 介绍 如您可能已经知道的(例如,从我以前的博客文章中 ),不再需要创建一个单独的类来实现带有onApplicationEvent方法的ApplicationListener , ...
- 用JavaScript实现文件的上传与下载
一.文件上传 1.普通文件上传 JavaScript 可以使用表单提交来实现文件上传.首先,在 HTML 中创建一个文件输入框: <input type="file" id= ...
- html中如何淡化背景图片,excel怎么去除背景图片
在excel本身存在背景图片的是后,却发现与excel不相匹配,这时,该怎么去除背景图片呢,下面让学习啦小编为你带来excel怎么去除背景图片设置的方法. excel去除背景图片设置步骤: ①选择工作 ...
- Vue中如何设置背景图片
在Vue项目开发中我们经常要向页面中添加背景图片,可是当我们在样式中添加了背景图片后,编译打包后,配置到服务器上时,由于路径解析的问题,图片并不能够正确的显示出来,如下CSS样式: backgroun ...
- 关掉visual studio 在桌面上右键---在visual studio中打开
关掉visual studio 在桌面上右键-在visual studio中打开 visual studio 在桌面上右键-会出现在visual studio中打开 看这里,就可以 1.新建个文本文档 ...
最新文章
- linux 内核load addr,linux2.4启动分析(1)---内核启动地址的确定 vmlinux LOAD_ADDR ZRELADDR...
- java12章_从零开始学Java 第12章 异常处理
- jquery对json的各种遍历
- sqlserver 把SELECT结果集中一列的所有的值 用逗号隔开放进一个字段内
- python 列表间隔取值_python list数据等间隔抽取并新建list存储的例子
- Linux 安装配置JDK 、 MySQL 、nginx
- 联想ghost重装系统_联想一键ghost重装系统步骤
- Idea 格式化代码 Idea设置快捷键 格式化代码
- java除法运算有小数_Java 整数间的除法运算如何保留所有小数位?
- 分形之谢尔宾斯基(Sierpinski)三角形
- centos7,php7.3使用pecl安装swoole,新手教学
- python实现微信机器人: AI智能回复
- python数据库操作orm_python【第十二篇下】操作MySQL数据库以及ORM之 sqlalchemy
- WEB页面常见安全问题
- 公众号(服务号)申请与认证
- 全国高校恋爱关系图谱:北大受宠爱,浙大最孤独
- ESB项目培训样例说明
- 数据分析——用户粘性指标 DAU/MAU
- 触摸屏自助答题软件使用说明
- CTFHub Bypass disable_function系列(已完结)