亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jQuery不使用插件及swf實(shí)現(xiàn)無(wú)刷新文件上傳

 更新時(shí)間：2014年12月08日 17:34:10   投稿：hebedich  
這篇文章主要介紹了jQuery不使用插件及swf實(shí)現(xiàn)無(wú)刷新文件上傳,需要的朋友可以參考下

文件上傳是網(wǎng)站常用的功能，例如附件或圖片的上傳功能，解決方案也有很多，我們今天介紹一種通過(guò)jQuery無(wú)刷新的文件上傳方式。

首先，我們?cè)陧?yè)面中放一個(gè)form，用來(lái)上傳文件：

復(fù)制代碼 代碼如下:

<form id="myForm" method="post" action="/asyncFileUpload/UploadHandler.ashx"
    enctype="multipart/form-data" target="asyncTarget">
    <span>文件：</span>
    <input type="file" name="myFile" />
</form>
<input type="button" value="上傳" id="btnUpload" />

然后，在頁(yè)面中放一個(gè)iframe，在上傳的時(shí)候只刷新iframe，而不是整個(gè)網(wǎng)頁(yè)：

復(fù)制代碼 代碼如下:

<iframe name="asyncTarget" style="display: none;"></iframe>

接下來(lái)使用js為按鈕添加功能：

復(fù)制代碼 代碼如下:

<script>
    $(function () {
        $("#btnUpload").click(function () {
            $("#myForm").submit();
        });
    });
</script>

在按鈕單擊的時(shí)候，將form提交。

這個(gè)方案可以簡(jiǎn)單的實(shí)現(xiàn)無(wú)刷新的文件上傳。它的實(shí)現(xiàn)思路是：將form提交到一個(gè)iframe中，其它的處理就像處理普通的form提交一樣了。

這個(gè)方案的待完善地方是如何判斷上傳完成，目前只有一個(gè)思路：通過(guò)js監(jiān)聽(tīng)iframe的readystate，然后解析iframe的內(nèi)容。

相關(guān)文章

最新評(píng)論