Italiano
Español
РусскийÎncărcare fișiere prin AJAX în WordPress - FrontEnd
Am citit toate tutorialele despre încărcarea fișierelor prin AJAX în WordPress pe frontend pe care le-am putut găsi. Momentan nimic nu funcționează pentru mine. Cel care mi se pare cel mai logic este acesta: http://theaveragedev.com/wordpress-files-ajax/
Iată codul meu:
În fișierul meu template example.php
<script>var ajax_url = "<?php echo admin_url('admin-ajax.php'); ?>"</script>
<form id="file_form">
<?php wp_nonce_field('ajax_file_nonce', 'security'); ?>
<input type="hidden" name="action" value="my_file_upload">
<label for="file_upload">Este o încărcare de fișier...</label>
<input type="file" name="file_upload">
<input type="submit" value="Trimite">
</form>Acesta este în ajax-file-upload.js
jQuery(document).ready(function(){
var form_data = {};
$(this).find('input').each(function(){
form_data[this.name] = $(this).val();
});
$('#file_form').ajaxForm({
url: ajax_url, // pe partea de admin, trebuie să-l faci singur pe frontend
data: form_data,
type: 'POST',
contentType: 'json',
success: function(response){
alert(response.message);
}
});
});Acesta este în functions.php
function q_scripts(){
$src = get_template_directory_uri().'/js/ajax-file-upload.js';
wp_enqueue_script('my_ajax_file_uploader_thing', $src, array('jquery', 'jquery-form'));
}
add_action('init', 'q_scripts');
function handle_file_upload(){
check_ajax_referer('ajax_file_nonce', 'security');
if(!(is_array($_POST) && is_array($_FILES) && defined('DOING_AJAX') && DOING_AJAX)){
return;
}
if(!function_exists('wp_handle_upload')){
require_once(ABSPATH . 'wp-admin/includes/file.php');
}
$upload_overrides = array('test_form' => false);
$response = array();
foreach($_FILES as $file){
$file_info = wp_handle_upload($file, $upload_overrides);
// fă ceva cu informațiile fișierului...
$response['message'] = 'Gata!';
}
echo json_encode($response);
die();
}Am încercat să adaug enctype la elementul form și nu a funcționat. Eroarea pe care o primesc constant este o alertă care spune 'undefined'. Știe cineva cum pot corecta această problemă?
EDITARE
Problema cu 'undefined' a dispărut acum deoarece am editat fișierul js pentru a avea un eveniment de click și am schimbat selectorul pentru bucla input-ului formularului:
jQuery(document).ready(function($){
$('#file_form :submit').click(function() {
var form_data = {};
$('#file_form').find('input').each(function () {
form_data[this.name] = $(this).val();
});
console.log(form_data);
$('#file_form').ajaxForm({
url: ajax_url, // pe partea de admin, trebuie să-l faci singur pe frontend
data: form_data,
type: 'POST',
contentType: 'json',
success: function (response) {
alert(response.message);
},
error: function (response) {
console.log('eroare');
}
});
return false;
});
});Fișierele tot nu sunt încărcate în folderul media. De asemenea, vreau să primesc URL-ul încărcat odată ce s-a încărcat.
Scriu în consolă obiectul file pentru a vedea ce se întâmplă. Iată un exemplu:
Object {security: "e6db2a6eee", _wp_http_referer: "/chat?sessionappid=138", action: "my_file_upload", file_upload: "C:\fakepath\download.jpg", "": "Go"}Este ceva în neregulă cu acesta și de aceea nu se încarcă?
Este aceasta o întrebare sau un răspuns? Te rog să nu postezi fragmente de cod fără nicio explicație.
fuxia
ok, am actualizat codul meu și acesta este răspunsul pentru tutorialul de încărcare de fișiere prin AJAX în WordPress pe partea de front-end
Adnan Limdiwala
Răspunsul funcționează corect. De ce nu este marcat ca răspuns corect? Există o eroare în codul js. Originalul era --> }error: iar varianta corectă este }, error: (lipsește virgula după })
Alaksandar Jesus Gene
Uau... Asta a funcționat pentru mine! Mulțumesc!
Neenu Chandran
am nevoie de o explicație
730wavy