0

ajaxアップロード画像を使用しようとしました。ここに私のコードがあります

$(function () {
    var btnUpload = $('#post_pd_thumnail');


    if ($("#id").val()) var post_id = $("#id").val();
    else var post_id = 0;

    new AjaxUpload(btnUpload, {
        action: site_root_domain + "/product/upload_image/" + post_id,
        name: 'file_upload',
        onSubmit: function (file, ext) {
            if ($('#post_pd_thumnail').val() != '') {
                if (!(ext && /^(jpg|png|jpeg|gif)$/.test(ext))) {
                    jAlert(lang_error_upload_avatar, lang_alert_notice);
                    return false;
                }
            }

            $('#preview').html('<img style="margin-left:45px;margin-top:45px;" border="0" width="16" height="11" src="' + site_root_domain + '/templates/images/icons/loading_2.gif" />');
        },
        onComplete: function (file, response) {

            if (!response) {
                jAlert(lang_error_upload_avatar, lang_alert_notice);
            } else {
                img_upload = 1;
                $('#preview').html(response);
            }

            return;
        }
    });

});

そして、私のHTMLは次のとおりです。

<div id="preview">{$preview}</div>
<div class="fileupload">
    <input type="file" name="post_pd_thumnail" id="post_pd_thumnail" value="" />
</div>
<input type="hidden" name="id" id="id" value="{$data['product']['post_id']}" />

画像をアップロードするとこのエラーが発生し、「el is undefined」で機能が正しく機能しません 誰でもこの問題を解決するのを手伝ってくれますか

4

2 に答える 2

0

file elementを好きに変えてみたりbutton

<div class="fileupload">
    <input type="button" name="post_pd_thumnail" id="post_pd_thumnail" value="" />
</div>
于 2015-02-26T05:10:32.533 に答える