ajax 異步插入圖片到數據庫（單圖上傳）

時間 2019-11-17

標籤 ajax 異步插入圖片數據庫圖上欄目 Ajax 简体版

原文原文鏈接

其實也沒啥如圖：javascript

點擊按鈕選擇圖片，選擇完成後無需點擊肯定，自動上傳到服務器指定文件夾而後插入到數據庫中。php

下面來看看這要代碼css

index.phphtml


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UploadiFive Test</title>
<script src="//cdn.bootcss.com/jquery/2.0.0/jquery.min.js" type="text/javascript"></script>
<script src="jquery.uploadify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="uploadify.css">
<style type="text/css">
body {
 font: 13px Arial, Helvetica, Sans-serif;
}
</style>
</head>

<body>
 <h1>Uploadify Demo</h1>
 <form action="uploadify.php" method="post">
 <div id="queue"></div>
 <input id="file_upload" name="tupian" type="file" multiple="true">
<!-- <input type="submit" value="上傳"/>-->
 </form>

 <script type="text/javascript">
 <?php $timestamp = time();?>
 $(function() {
 $('#file_upload').uploadify({
 'formData' : {
 'timestamp' : '<?php echo $timestamp;?>',
 'token' : '<?php echo md5('unique_salt' . $timestamp);?>'
 },
 'swf' : 'uploadify.swf',
 'uploader' : 'uploadify.php'
 });
 });
 </script>
</body>
</html>

上傳頁面的 uploadifty.php

<?php
include("conn.php");
/*
Uploadify
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
*/
error_reporting(0);
// Define a destination
$targetFolder = '/DoExercise/uploadify/uplaods'; // Relative to the root

$verifyToken = md5('unique_salt' . $_POST['timestamp']);

if (!empty($_FILES) && $_POST['token'] == $verifyToken) {
 $tempFile = $_FILES['Filedata']['tmp_name'];
 $targetPath = $_SERVER['DOCUMENT_ROOT'] . $targetFolder;
 $targetFile = rtrim($targetPath,'/') . '/' . $_FILES['Filedata']['name'];

 // Validate the file type
 $fileTypes = array('jpg','jpeg','gif','png'); // File extensions
 $fileParts = pathinfo($_FILES['Filedata']['name']);

 if (in_array($fileParts['extension'],$fileTypes)) {
 move_uploaded_file($tempFile,$targetFile);
 echo '1';
 } else {
 echo 'Invalid file type.';
 }
 $tupian=$_FILES['Filedata']['name'];
 $sql="insert into uploadify(tupian) values('$tupian')";
 $query=mysql_query($sql);
 if($query>0){
 echo "<script>alert('上傳成功')</script>";
 }else{

 echo"<script>alert('上傳失敗')</script>";
 }

}
?>

,$fileTypes)) { move_uploaded_file($tempFile,$targetFile); echo '1'; } else { echo 'Invalid file type.'; } $tupian=$_FILES['Filedata']['name']; $sql="insert into uploadify(tupian) values('$tupian')"; $query=mysql_query($sql); if($query>0){ echo "<script>alert('上傳成功')</script>"; }else{ echo"<script>alert('上傳失敗')</script>"; }}?>主要就這些玩意 也沒啥 東西 須要文件的 找我來哈 認準大白驢。