ajax實現無重新整理上傳附件並且顯示進度條的例項

2022-08-01 11:12:11 字數 1862 閱讀 1580

首先:得把php.ini中的post_max_size和upload_max_filesize改成200m或更大(進度條好看效果,預設是2m)

html和js**:

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>document

title

>

<

script

>

window.onload

=function

() xhr.onreadystatechange

=function

() }

xhr.open(

'post',

'upload.php');

//傳送ajax方式和路徑

xhr.send(fd);

//發生表單資料

evt.preventdefault();

//阻止瀏覽器跳轉

} }

script

>

<

style

>

#pat

#son

style

>

head

>

<

body

>

<

form

action

="upload.php"

>

使用者名稱:

<

input

type

="text"

name

='username'

><

br>

<

input

type

="file"

name

='file'

><

br>

<

input

type

="submit"

value

='提交'

>

<

br><

br>

<

div

id='pat'

><

div

id='son'

>

div>

div>

body

>

html

>

php**:

<?php 

if ($_files['file']['error']>0)

$path='./upload/';

$name=mt_rand('000','999').$_files['file']['name'];//

在名字前加上三位隨機數,這樣能多次上傳同一檔案

$truename=$path.$name

;$truename=iconv('utf-8','gb2312',$truename);//

轉碼,使得能夠上傳中文名稱附件

if (move_uploaded_file($_files['file']['tmp_name'],$truename))

else

?>

效果圖:

ajax無重新整理上傳

我們在使用上傳控制項的時候,會遇到重新整理的問題,最近使用ajax做的上傳,覺得效果還是很不錯。首先,我們需要在頁面上放上上傳控制項 需要注意的是,我們必須放在form裡面,實現表單上傳。前台提交方法 function tajaxfileupload else else stauts success...

ajax實現無重新整理分頁

html id content2 class tabscontent class user ques name list id vo key k class q message class q tiwen 新訊息 href a span div volist div class flickr id ...

ajax無重新整理檔案上傳

在php 開發中,檔案上傳功能時常用到。隨著web技術的發展,使用者體驗成為衡量 成功與否的關鍵,今天和大家分享如何在php中利用jquery實現ajax方式檔案上傳功能的例子,其中使用到了jquery外掛程式ajaxfileupload,其可以實現單個檔案和多檔案上傳功能。ajaxfileuplo...