• Ajax: چک کردن موجود بودن عکس در داکیومنت
    #1
    Note 
    کد کامل:

    [JS]
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
    <head>
    <title>Using AJAX to check if a file exists</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></meta>
    <script type="text/javascript">
    var req, image, warning, imagepath;

    function d(o)
    {
    return document.getElementById(o);
    }

    function loadimage(_imagepath)
    {
    image = d("image");
    image.style.display = "none";

    imagepath = _imagepath;

    warning = d("warning");
    warning.innerHTML = "Loading ...";

    req = getreq();
    req.onreadystatechange = imagexists;
    req.open("get", imagepath, true);
    req.send(null);
    }

    function imagexists()
    {
    if(req.readyState == 4)
    {
    if(req.status == 200)
    {
    warning.innerHTML = "Image exists";
    image.style.display = "block";
    image.src = imagepath;
    }
    else
    {
    warning.innerHTML = "Image does not exist";
    image.style.display = "none";
    }
    }
    }

    function getreq()
    {
    if(window.XMLHttpRequest)
    return new XMLHttpRequest();
    else if(window.ActiveXObject)
    return new ActiveXObject("Microsoft.XMLHTTP");
    }

    </script>
    <style type="text/css">
    * { font-family: Verdana, Arial, sans-serif; }
    body { background-color: #FFF; }
    h1 { font-size: 14px; }
    #warning { margin: 10px; }
    #img { border: 1px solid #CCC; padding: 3px; margin: 10px; }
    </style>
    </head>

    <body>

    <h1>Check an image exists with AJAX</h1>

    <input type="button" value="Load real image" onclick="loadimage('IMAG0272.jpg');" />
    <input type="button" value="Load fake image" onclick="loadimage('5hhhh_thumb.jpg');" />

    <div id="warning"></div>
    <img id="image" src="blank.jpg" style="display: none;" alt="" />

    </body>
    </html>
    [/JS]

    پاسخ
    ایجاد موضوع جدید   پاسخ به موضوع  

    موضوعات مرتبط با این موضوع...
    موضوع نویسنده پاسخ بازدید آخرین ارسال
    Note Jquery Ajax navigation WWWorker 0 681 14-08-2014 ساعت 17:19
    آخرین ارسال: WWWorker
    Note آموزش Ajax در 5 دقیقه! SOFTAFZAR 3 963 14-08-2013 ساعت 09:17
    آخرین ارسال: Daniel
    Note اصول تکنیک ای جکس AJAX Stack OverFlow 0 406 27-06-2013 ساعت 14:34
    آخرین ارسال: Stack OverFlow

    کاربرانِ درحال بازدید از این موضوع:   1 مهمان