2016-09-21 88 views
1

這裏談到的HTML代碼存儲PDF文件

<input type="text" class="txtbox" placeholder="Name" id="name" name="name" /> 
<input type="text" class="txtbox" placeholder="E-mail"id="email" name="email" /> 
<input type="text" class="txtbox" placeholder="Phone" id="phone" name="phone" /> 
<input type="file" class="txtbox" name="file" id="resume"> 
<input name="submit" id="submitbutton1" value="Apply Now" type="button" onClick="submitbutton1()" class="txtbox"> 

和我的JS功能如下

<script> 
function submitbutton1() 
{ 
    console.log("here"); 
    var name=$("#name").val(); 
    console.log(name); 
    var email=$("#email").val(); 
    console.log(email); 
    var phone=$("#phone").val(); 
    console.log(phone); 
    var tal={"name":name,"email":email,"phone": phone}; 
    $.ajax({ 
    type: "POST", 
    url: "email.php", 
    data: tal,  
    success: function(ch) 
    {  
    console.log(ch); 
    } 
}); 
} 
</script> 

我想該PDF文件的值保存到一個js變量以便我可以將所有這些變量發佈到email.php中是否可以將pdf文件存儲在js變量中?如果有可能如何?請幫助我...

回答

0

我編輯了你的腳本。

<script> 
function submitbutton1() 
{ 
    console.log("here"); 
    var name=$("#name").val(); 
    console.log(name); 
    var email=$("#email").val(); 
    console.log(email); 
    var phone=$("#phone").val(); 
    console.log(phone); 
var resume=$("#resume").val(); 
    var tal={"name":name,"email":email,"phone": phone,"resume":resume}; 
    $.ajax({ 
    type: "POST", 
    url: "email.php", 
    data: tal,  
    success: function(ch) 
    {  
    console.log(ch); 
    } 
}); 
} 
</script> 
0
  1. 你可以將PDF值存儲您的js變量裏面,如果你有這樣的價值。您可以使用ajax調用來從您的服務器加載PDF文檔。但是,它將是二進制數據,您將無法在瀏覽器中將其顯示到您的客戶端。

  2. 您可以將此值發佈到服務器,但它沒有任何意義,因爲您只能發佈此文件的路徑,並使用一些服務器端編程語言函數(您的案例中的file_get_contents)獲取此文件的內容。

  3. 將二進制數據作爲電子郵件內容發送是沒有意義的,因此您應該將它作爲附件發送。不知道,是否可以使用php mail()函數發送附件,以前我只用phpmailer來完成。 PHP郵件程序不需要你的二進制數據,它只需要文件路徑。

0

我想你必須用ajax上傳PDF文件並使用一個ajax請求將數據發佈到ajax中。您可以使用FormData()對象的帖子文件和數據值均爲

function submitbutton1() { 
    var file_data = $('#resume').prop('files')[0]; 
    var form_data = new FormData();     
    form_data.append('file', file_data); 
    form_data.append('name', $("#name").val()); 
    form_data.append('email', $("#email").val()); 
    form_data.append('phone', $("#phone").val()); 
    $.ajax({ 
     url: 'email.php', 
     cache: false, 
     data: form_data,       
     type: 'post', 
     success: function(result){ 
      console.log(result); 
     } 
    }); 
};