Javascript Ajax图像上传——获取完整图像(wordpress)
我试图在上传到表单时访问完整图像。我当然知道如何访问缩略图,但不知道如何访问原始的未修改图像。console.logdata仅显示两个参数缩略图和ID 如果您需要其他文件信息,请告诉我,谢谢 javascript文件:Javascript Ajax图像上传——获取完整图像(wordpress),javascript,php,jquery,ajax,wordpress,Javascript,Php,Jquery,Ajax,Wordpress,我试图在上传到表单时访问完整图像。我当然知道如何访问缩略图,但不知道如何访问原始的未修改图像。console.logdata仅显示两个参数缩略图和ID 如果您需要其他文件信息,请告诉我,谢谢 javascript文件: //add pin from computer $('#pin_upload_file').change(function() { $('.error-msg').hide(); $('#pin_upload_form').submit()
//add pin from computer
$('#pin_upload_file').change(function() {
$('.error-msg').hide();
$('#pin_upload_form').submit();
});
if ($('#pin_upload_form').length) {
var options = {
beforeSubmit: showRequest,
uploadProgress: function(event, position, total, percentComplete) {
if (window.FormData !== undefined) {
$('#pin-upload-progress').show();
$('#pin-upload-progress .progress-bar-text').text(percentComplete + '%');
$('#pin-upload-progress .progress-bar').css('width', percentComplete + '%');
}
},
success: showResponse,
url: obj_ipin.ajaxurl
};
$('#pin_upload_form').ajaxForm(options);
}
function showRequest(formData, jqForm, options) {
$('#pin-upload-from-web-wrapper, #browser-addon, #bookmarklet, #pinitbutton').slideUp();
if (window.FormData === undefined) {
$('#pin-upload-from-computer-wrapper .ajax-loader-add-pin').show();
}
var ext = $('#pin_upload_file').val().split('.').pop().toLowerCase();
if ($.inArray(ext, ['gif', 'png', 'jpg', 'jpeg']) == -1) {
$('#pin-upload-from-computer-wrapper .ajax-loader-add-pin, #pin-upload-progress').hide();
$('.error-msg').html('<div class="alert alert-warning"><strong>' + obj_ipin.__invalidimagefile + '</strong></div>').fadeIn();
return false;
}
}
function showResponse(responseText, statusText, xhr, $form) {
if (responseText == 'error') {
$('.ajax-loader-add-pin, #pin-upload-progress').hide();
$('.error-msg').html('<div class="alert alert-warning"><strong>' + obj_ipin.__invalidimagefile + '</strong></div>').fadeIn();
} else if (responseText == 'errorsize') {
$('.ajax-loader-add-pin, #pin-upload-progress').hide();
$('.error-msg').html('<div class="alert alert-warning"><strong>' + obj_ipin.__imagetoosmall + '</strong></div>').fadeIn();
} else {
var data = $.parseJSON(responseText);
$('#thumbnail').attr('src', data.thumbnail);
$('#attachment-id').val(data.id);
$('.ajax-loader-add-pin, .error-msg, #pin-upload-progress').hide();
$('#pin-upload-from-computer-wrapper').slideUp(function() {
$('#pin-upload-postdata-wrapper').slideDown();
$('#pin-postdata-form #pin-title').focus();
});
}
}
php文件:
<div id="pin-upload-from-computer-wrapper" class="jumbotron">
<h4><?php _e('From Device', 'ipin'); ?></h4>
<form id="pin_upload_form" method="post" action="#" enctype="multipart/form-data">
<div class="upload-wrapper btn btn-success btn-block">
<span><?php _e('Browse & Upload', 'ipin'); ?></span>
<input id="pin_upload_file" class="upload" type="file" name="pin_upload_file" accept="image/*" />
</div>
<input type="hidden" name="ajax-nonce" id="ajax-nonce" value="<?php echo wp_create_nonce('upload_pin'); ?>" />
<input type="hidden" name="mode" id="mode" value="computer" />
<input type="hidden" name="action" id="action" value="ipin-upload-pin" />
<div class="ajax-loader-add-pin ajax-loader hide"></div>
<div id="pin-upload-progress" class="progress progress-striped active hide">
<div class="progress-bar-text"></div>
<div class="progress-bar progress-bar-info"></div>
</div>
</form>
</div>
根据Wordpress Codex,发布的缩略图“已满”;//上传的全分辨率原始尺寸,所以使用“这必须给你全尺寸的图像?”?[1] :@GavinSimpson是的,我知道如何用PHP引用代码-$thumbnail\u full=wp\u get\u attachment\u image\u src$attach\u id,“full”;但我需要在用户上传图像后使用JQuery将图像的SRC更改为完整的原始图像。有没有一种方法可以达到1。仅使用javascript/jquery或2引用完整图像。不使用javascript,但使用它,以便刷新相关页面,然后脚本将使用前面提到的PHP?干杯