天天躁日日躁狠狠躁AV麻豆-天天躁人人躁人人躁狂躁-天天澡夜夜澡人人澡-天天影视香色欲综合网-国产成人女人在线视频观看-国产成人女人视频在线观看

php+js實(shí)現(xiàn)異步圖片上傳實(shí)例分享

upload.php

復(fù)制代碼 代碼如下:
<?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

復(fù)制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
    <title>Html5 Ajax 上傳文件</title>
    <meta charset="utf-8">

<script type="text/Javascript">


    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>


<style>
    .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 }
</style>
</head>


<body>

<div class="form-group">
    <label class="control-label">圖片</label>
    <br/>
    <input type='text' name='textfield' id='textfield' class='txt' />
    <span onclick="file.click()"  class="mybtn">瀏覽...</span>
    <input type="file" name="file" class="file" id="file" size="28" onchange="document.getElementById('textfield').value=this.value" />
    <span onclick="UpladFile()" class="mybtn">上傳</span>
</div>

</body>


</html>

php技術(shù)php+js實(shí)現(xiàn)異步圖片上傳實(shí)例分享,轉(zhuǎn)載需保留來(lái)源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 久久精品视频免费 | 国产在线精品国自产拍影院午夜 | 狼人大香伊蕉国产WWW亚洲 | 亚洲乱码中文字幕久久 | xxxx69动漫| 中文字幕免费在线视频 | 一本大道手机在线看 | 国产精品无码麻豆放荡AV | 俄罗斯人xxx | 内射后入在线观看一区 | 嗯啊插的好深啊使劲抽视频 | 免费人成视频19674不收费 | 成都电影免费中文高清 | 欧美亚洲日韩欧洲不卡 | 亚洲欧美中文日韩v在线 | 中文字幕久久熟女人妻AV免费 | 国产亚洲精品久久综合阿香 | 日韩精品特黄毛片免费看 | 美女打开双腿扒开屁股男生 | 国产精品久久久久影院免费 | 性直播免费 | 善良的小峓子2在钱免费中文字 | 寂寞夜晚免费观看视频 | 偷偷鲁青春草原视频分类 | 无码一区二区在线欧洲 | 双性大乳浪受噗呲噗呲h总 双性被疯狂灌满精NP | 大陆女人内谢69XXXORG | 永久免费看A片无码网站四虎 | 囯产精品麻豆巨作久久 | 老板吻我下身好爽到高潮 | 久久精品热99看二 | se01国产短视频在线观看 | 嗯啊哈啊好棒用力插啊 | 免费国产综合视频在线看 | 九九热这里只有国产精品 | 日本50人群体交乱 | 荡公乱妇HD中文字幕 | 亚洲日韩中文字幕区 | 欧美亚洲日韩欧洲不卡 | 久久草这里全是精品香蕉频线观 | 青柠在线观看免费高清电视剧荣耀 |