Javascript Ajax图像上传——获取完整图像(wordpress)

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()

我试图在上传到表单时访问完整图像。我当然知道如何访问缩略图,但不知道如何访问原始的未修改图像。console.logdata仅显示两个参数缩略图和ID

如果您需要其他文件信息,请告诉我,谢谢

javascript文件:

//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 &amp; 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?干杯