欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery mobile 上傳文件

林國瑞2年前8瀏覽0評論
jQuery Mobile是一個開源的JavaScript庫,它可以幫助我們輕松地創建適用于移動設備的Web應用程序。其中,上傳文件是Web開發中常見的功能之一。本文將介紹如何使用jQuery Mobile實現上傳文件的功能。 首先,我們需要在網頁頭部導入jQuery Mobile的庫文件以及jQuery:
<link  rel="stylesheet" />
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
之后,在網頁中添加一個form元素,并設置enctype屬性為"multipart/form-data",以支持文件上傳:
<form method="post" action="file_upload.php" enctype="multipart/form-data">
文件: <input type="file" name="file" id="file"/><br/>
<input type="submit" value="上傳文件"/>
</form>
在此代碼中,我們設置了form元素的method屬性為"post",上傳的目標地址為"file_upload.php"。其中,input元素的type屬性為"file",用于選擇要上傳的文件。 最后,在服務器端編寫file_upload.php文件來處理上傳的文件:
<?php
if ($_FILES['file']['error'] >0) {
echo '上傳失敗: ' . $_FILES['file']['error'];
} else {
$file_name = $_FILES['file']['name'];
$file_tmp = $_FILES['file']['tmp_name'];
move_uploaded_file($file_tmp, 'uploads/' . $file_name);
echo '上傳成功!';
}
?>
在服務器端,我們通過$_FILES全局變量接受上傳文件的信息。如果上傳失敗,我們將會返回上傳失敗的原因。若上傳成功,則將文件存儲到服務器的uploads目錄下,并返回上傳成功的提示信息。 綜上所述,我們可以通過簡單地在網頁中添加form元素以及對應的服務器端處理文件來實現在jQuery Mobile中上傳文件的功能。