2012-05-09 55 views
0

Iam尋找jQuery的PHP圖像上傳完全給出http://valums.com/ajax-upload/。 我試着在上面的網站給出的代碼。但它不起作用。作爲IAM新手..我試着下面的代碼。jquery php上傳使用http://valums.com/ajax-upload/

<?php 
$uploaddir = 'c:\xampp\htdocs\ajax-upload\server\uploads\'; 
$uploadfile = $uploaddir . basename($_FILES['file']['name']); 

if (move_uploaded_file($_FILES['file']['tmp_name'], $uploadfile)) { 
    echo "success"; 
} else { 
    // WARNING! DO NOT USE "FALSE" STRING AS A RESPONSE! 
    // Otherwise onSubmit event will not be fired 
    echo "error"; 
} 
?> 

這是在PHP改變我的html代碼

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <link href="fileuploader.css" rel="stylesheet" type="text/css"> 
    <style> 
     body {font-size:13px; font-family:arial, sans-serif; width:700px; margin:100px auto;} 
    </style> 
</head> 
<body> 
    <p><a href="http://github.com/valums/file-uploader">Back to project page</a></p> 

    <p>To upload a file, click on the button below. Drag-and-drop is supported in FF, Chrome.</p> 
    <p>Progress-bar is supported in FF3.6+, Chrome6+, Safari4+</p> 

    <div id="file-uploader-demo1"> 
     <noscript> 
      <p>Please enable JavaScript to use file uploader.</p> 
      <!-- or put a simple form for upload here --> 
     </noscript> 
    </div> 

    <script src="fileuploader.js" type="text/javascript"></script> 
    <script> 
     function createUploader(){ 
      var uploader = new qq.FileUploader({ 
       element: document.getElementById('file-uploader-demo1'), 
       action: '../server/upload.php', 
       debug: true 
      }); 
     } 

     // in your app create uploader as soon as the DOM is ready 
     // don't wait for the window to load 
     window.onload = createUploader; 
    </script> 
</body> 
</html> 
+1

「不工作」是什麼意思? – jprofitt

+0

我們可以看到您的完整html代碼請 – Satya

+0

如果您將第一行更改爲$ uploaddir ='/ uploads /';那樣有用嗎?當使用本地主機時,您可以通過(我猜)xampp進行訪問,並且上傳目錄也應該使用您的xampp。你是否也嘗試過查看控制檯返回的內容? (調試真正的任何錯誤記錄到控制檯) – scott

回答

1

$uploaddir = 'c:\xampp\htdocs\ajax-upload\server\uploads\'; 

$uploaddir = 'server/uploads'; 

在JavaScript的變化:

action: 'http://localhost/ajax-upload/server/upload.php', 

action: 'server/upload.php', 

,如果你正在運行的PHP文件是在Ajax的上傳文件夾中。

+0

我解開了我的完整html代碼 – user1130639