jQuery的AJAX表格文件

Question

我不找理由...所以我要求幫助...

形式：

<div class="status alert alert-success" style="display: none"></div> 
<form id="main-contact-form" class="contact-form" name="contact-form" method="post" action="sendemail.php" enctype="multipart/form-data"> 
    <input type="text" placeholder="Name" name="vp" id="contact-form-name" value="" style="color:#9F9F9F; font:13px Arial; float:left; width:180px; border:none; background:none; border:solid 1px #343434;"/> 
    <textarea name="zinute" rows="3" cols="40" style="color:#9F9F9F; font:13px Arial; float:left; width:180px; border:none; background:none; border:solid 1px #343434;">Text</textarea> 
    <div style="color:#9F9F9F; font:13px Arial; float:left; width:180px; border:none; background:none;">Photo</div> 
    <input type="file" required="required" name="foto" style="color:#9F9F9F; font:13px Arial; float:left; width:180px; border:none; background:none; border:solid 1px #343434;"> 
    <input type="submit" class="button" id="contact-form-send" value="Siusti" style="color:#9F9F9F; font:13px Arial; float:left; width:180px; border:none; background:none; border:solid 1px #343434;" /> 

<script src="jquery.js"></script> 
<script src="main.js"></script> 
<script src="wow.min.js"></script> 

Sendemail

<?php 
header('Content-type: application/json'); 
$status = array(
    'type'=>'success', 
    'message'=>'Thank you for contact us. As early as possible we will contact you ' 
); 

$vp = @trim(stripslashes($_POST['vp'])); 
$zinute = @trim(stripslashes($_POST['zinute'])); 
$foto = @trim(stripslashes($_POST['foto'])); 

$uploaddir = 'image/'; 

$success = @mail($email_to, $subject, $body, 'From: <'.$email_from.'>'); 

echo json_encode($status); 
die; 

的Jquery：

var form = $('#main-contact-form'); 
form.submit(function(event){ 
    event.preventDefault(); 
    var form_status = $('<div class="form_status"></div>'); 
    $.ajax({ 
     url: $(this).attr('action'), 
     beforeSend: function(){ 
      form.prepend(form_status.html('<p><i class="fa fa-spinner fa-spin"></i> Email is sending...</p>').fadeIn()); 
     } 
    }).done(function(data){ 
     form_status.html('<p class="text-success">' + data.message + '</p>').delay(3000).fadeOut(); 
    }); 
}); 

我只需要工作圖片上傳，不要看任何東西倫敦政治經濟學院，我會但MySQL的，所以只用圖片上傳幫助..

Answer 1

一個PHP良好的代碼示例上傳你會發現這裏：http://php.net/manual/en/features.file-upload.php#116293

閉上你的HTML表單用，以防止不良的事情發生在表單下方的HTML代碼的頁面上。

在你的jQuery腳本中，你用jQuery對象$（''）;聲明變量form_status。這不起作用。添加到您的HTML代碼，並將變量form_status與$（'div.form_status'）;

對於闖民宅代碼示例檢查：http://code.runnable.com/UZKDAYo3XEw2AACX/how-to-upload-a-file-using-jquery-for-php

提示下一次：好谷歌searchwords是：「jQuery的PHP文件上傳實例」 ;-)