900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > php+js实现异步图片上传实例分享

php+js实现异步图片上传实例分享

时间:2022-07-14 07:08:49

相关推荐

php+js实现异步图片上传实例分享

php教程|php手册

php,js,异步图片上传

php教程-php手册

upload.php

快乐赚源码php,平板如何下载vscode,ubuntu18安装教程,tomcat安装版配置,sqlite 跨库,深圳网页设计师,前端 php 数据库,bgp多线服务器租用,jquery插件页面滚动返回顶部按钮,前端微服务框架乾坤,网络爬虫用途,php 接收post,云搜seo,关闭springboot,dede if判断 标签,网站播放器源码,网页留言源码,网页模板下载,discuz允许管理员登录后台,相册页面,医药管理系统 struts2,文章 微信小程序源码lzw

复制代码 代码如下:

悬浮图片源码,ubuntu磁盘容量丢失,有道翻译爬虫实战,sh php,seo名词基础lzw

<?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);

}

?>

美乐乐商城源码,vscode可以编安卓么,ubuntu添加su,本地tomcat报404,app 爬虫教程,php如何推送消息,南京seo关键词方案,网站源码交易站,destoon手机网站模板lzw

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 }

浏览…

上传

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。