• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

js php xmlrequest 上传图片_php

php 搞代码 3年前 (2018-06-21) 217次浏览 已收录 0个评论

本来想用插件上传图片的,后来自己写了一个简单的js实现异步的图片上传,不多说上代码非常简单

upload.php

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 上传文件

<script type=”text/JavaScript“>

http://www.gaodaima.com/51215.htmljs php xmlrequest 上传图片_php

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

</script>


浏览…

上传

欢迎大家阅读《js php xmlrequest 上传图片_php》,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址