如何解决如何正确设置jQuery ajax以在Wordpress中上传文件?
我希望用户能够从我的自定义编辑器块中使用ajax上传html文件。 WordPress要求所有ajax都通过admin-ajax.php进行。我的js代码在Wordpress中注册并排队的外部文件中。这是https://codex.wordpress.org/AJAX_in_Plugins的Wordpress Codex指令:
单独的JavaScript文件
与上一个示例相同,除了JavaScript在单独的外部文件上外,我们将其称为js / my_query.js。这些示例是相对于插件文件夹而言的。
jQuery(document).ready(function($) {
var data = {
'action': 'my_action','whatever': ajax_object.we_value // We pass php values differently!
};
// We can also pass the url value separately from ajaxurl for front end AJAX implementations
jQuery.post(ajax_object.ajax_url,data,function(response) {
alert('Got this from the server: ' + response);
});
});
对于外部JavaScript文件,我们必须首先wp_enqueue_script()使其包含在页面中。另外,我们必须使用wp_localize_script()将值传递到JavaScript对象属性中,因为PHP无法直接将值回显到我们的JavaScript文件中。处理函数与前面的示例相同。
<?php
add_action( 'admin_enqueue_scripts','my_enqueue' );
function my_enqueue($hook) {
if( 'index.php' != $hook ) {
// Only applies to dashboard panel
return;
}
wp_enqueue_script( 'ajax-script',plugins_url( '/js/my_query.js',__FILE__ ),array('jquery') );
// in JavaScript,object properties are accessed as ajax_object.ajax_url,ajax_object.we_value
wp_localize_script( 'ajax-script','ajax_object',array( 'ajax_url' => admin_url( 'admin-ajax.php' ),'we_value' => 1234 ) );
}
这是我的PHP:
if (isset ( $_POST["test"] ) ){
echo 'test working';
}
if ( isset ( $_FILES["renee_wip_upload"] ) ){
echo 'test2';
}
这是我的js函数:
function fileSubmit(e) {
e.preventDefault();
if(typeof(files2) !== "undefined"){
//ajax using post() works fine which means the php side is OK
renee_wip_ajax_object.braft_wip_upload_value = 'test';
var data2 = {
'action': 'renee_wip_block_ajax','test': renee_wip_ajax_object.braft_wip_upload_value
};
jQuery.post(renee_wip_ajax_object.ajax_url,data2,function(response) {
console.log('response test: ',response);
}).fail(function(response) {
console.log('Error: ' + response.responseText);
});
//It seems $_FILES never gets populated
data = new FormData();
data.append('action','renee_wip_block_ajax');
for (var i = 0; i < files2.length; i++) {
var file = files2[i];
data.append('renee_wip_upload[]',file,file.name);
}
jQuery.ajax({
success: function(data){
console.log('data: ',data);
},error: function(err){
throw err;
},type: "post",url: renee_wip_ajax_object.ajax_url,data: data,dataType: "html",enctype: 'multipart/form-data',processData: false,contentType: false,}).done(function(msg){
console.log('done: ',msg);
}).fail(function(err){
throw err;
});
}
}
解决方法
老兄,我是瞎子一样地狱。它是:data.append('braft_wip_upload[]',file,file.name);
,但应该是:data.append('renee_wip_upload[]',file.name);
我什至更正了编辑中的错误,但忘了在代码中这样做。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。