使用iframe完成檔案上傳

標籤：style   blog   http   io   ar   color   os   使用   sp   

 在HTML頁面

<html>    <head>        <meta http-equiv="content-type" content="text/html; charset=utf-8">        <title>使用iframe完成檔案上傳</title>        <script type="text/javascript" src="../js/jquery.js"></script>        <script type="text/javascript">            function iframeUp() {                //產生一個名稱                var fname = ‘up‘+Math.random();                //動態產生一個iframe標籤                $("<iframe width=‘0‘ height=‘0‘ frameBorder=‘0‘ name=‘"+fname+"‘></iframe>").appendTo($(‘body‘));                //將form表示的target值改為iframe的name值                $("form:first").attr(‘target‘,fname);            }        </script>    </head>    <body>        <h1>使用iframe完成檔案上傳</h1>        <form action="upload.php" onsubmit="return iframeUp();" method="post" enctype="multipart/form-data">            <input type="file" name="pic" onchange="$(‘form‘).submit()" />        </form>        <h2></h2>    </body></html>

在php頁面

<?php    error_reporting(E_ALL &~ E_NOTICE);    if($_FIELS[‘pic‘][‘error‘] != 0) {        exit("沒有檔案被上傳");    }    //產生新的檔案名稱    $arr = explode(".",$_FILES[‘pic‘][‘name‘]);    $newFileName = @mt_rand(100000,999999).‘.‘.end($arr);    //上傳檔案，並產生預覽的效果    if(move_uploaded_file($_FILES[‘pic‘][‘tmp_name‘],"../uploads/".$newFileName)) {        echo "<script type=‘text/javascript‘>parent.document.getElementsByTagName(‘h2‘)[0].innerHTML = ‘<img src=\"../uploads/{$newFileName}\" width=\"400px\" height=\"400px\"/>‘</script>";    }

 

使用iframe完成檔案上傳