dongzhi5846 2015-01-24 14:20
浏览 38

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

I'm trying to access the full image when I upload to a form. I know how to access the thumbnail image of course but have no clue how to access the original unmodified one. console.log(data) only shows two parameters Thumbnail and ID.

Please let me know if you need additional file information, thank you.

javascript file:

//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 file:

<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>
  • 写回答

0条回答 默认 最新

    报告相同问题?

    悬赏问题

    • ¥15 微信小程序协议怎么写
    • ¥15 c语言怎么用printf(“\b \b”)与getch()实现黑框里写入与删除?
    • ¥20 怎么用dlib库的算法识别小麦病虫害
    • ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
    • ¥15 java写代码遇到问题,求帮助
    • ¥15 uniapp uview http 如何实现统一的请求异常信息提示?
    • ¥15 有了解d3和topogram.js库的吗?有偿请教
    • ¥100 任意维数的K均值聚类
    • ¥15 stamps做sbas-insar,时序沉降图怎么画
    • ¥15 买了个传感器,根据商家发的代码和步骤使用但是代码报错了不会改,有没有人可以看看