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

上传.php

复制代码代码如下：

if(isset($_FILES["myfile"] ))
{
$ret = array();
$uploadDir = 'images'.DIRECTORY_SEPARATOR.date("Ymd").DIRECTORY_SEPARATOR;
$dir = 目录名(__FILE__).DIRECTORY_SEPARATOR. $uploadDir;
file_exists($dir) || (mkdir($dir,0777,true) && chmod($dir,0777));
if(!is_array($_FILES["myfile"]["name"])) //单个文件
{
$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

复制代码代码如下：

   
   

    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;边框：1px实心#cdcdcd；宽度：670px;}
    .mybtn{ 背景颜色：#FFF;行高：14px；垂直对齐：中间；边框：1px实线#CD​​CCDCD；高度：30px；宽度：70px;}
    .file{ 位置：绝对；顶部：0；右：80px；高度：24px；滤镜:alpha(不透明度:0);不透明度:0;宽度:260px }

    图片
   

   
   
   
input type='text' name='textfield' id='textfield' class='txt' //>
    浏览...