Question

我有一个项目，用户的个人资料和价值来自API。我使用Django作为语言。因此，当我添加我的个人资料照片时，它可以正常使用当前代码。当我去编辑同一个用户的页面时，它会显示我当前的图像，当我再次点击保存按钮时，它会检测到没有图像。

我的 html 在src中带有api值： -

<div class="main-img-preview margin_bottom10">                              
    <img class="thumbnails img-preview" src="{% if result_data_for_editing.profileImage.mediaPath != None %}{{ result_data_for_editing.profileImage.mediaPath }}{% else %}{{ '../assets/images/default-user-image.png' }}{% endif %}"
                                             title="Preview Logo" accept="image/*" >
</div>
<div class="input-group">
    <div class="input-group-btn">
        <div class="fileUpload btn btn_teal btn_raised text-uppercase fake-shadow">
            <span>Browse</span>
            <input id="logo-id" name="media" type="file"
                   class="attachment_upload" required="">
        </div>
    </div>
</div>

我的脚本是这样的： -

$(document).ready(function () {
    var brand = document.getElementById('logo-id');
    brand.className = 'attachment_upload';
    brand.onchange = function () {
        document.getElementById('fakeUploadLogo').value = this.value.substring();
    };
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('.img-preview').attr('src', e.target.result);
            };
            reader.readAsDataURL(input.files[0]);
        }
    }

    $("#logo-id").change(function () {
        readURL(this);
    });
});

如何将API中的图像检测到输入字段中。如果它们是任何语法错误，请忽略它们。提前致谢

如何在htm的输入域中通过api检测图像上传？

0 个答案: