Question

我最近购买了一个名为 Lollipop 图像编辑器的插件来编辑我的图像，它可以很好地处理静态图像，但我遇到了使用base64编码图像的问题！

我基本上有一个用户可以上传图片的图库，所以在上传阶段后我有一个魔术图标来打开编辑器并编辑图像这就是插件现在的工作方式

HTML

<div class="item-masonry box"><img src="images/demo-img.jpg">
                            <div class="buttons"><a class="btn share-btn facebook" href="https://www.facebook.com/sharer/sharer.php?u="><i class="fa fa-facebook-official"></i></a><a class="btn share-btn pinterest" href="https://www.pinterest.com/pin/create/button/?url="><i class="fa fa-pinterest"></i></a>
                                <a
                                        class="btn magic"><i class="fa fa-magic"></i></a>
                            </div>
                        </div>

jquery的

 window.$(".magic").each(function () {
            window.$(this).on("click", function () {
                var img = window.$(this).parents().siblings("img");
                imageEditor.open({
                    image_url: img[0].src
                }, img[0]);
            });
        });

现在我有base64格式的图像，我希望插件在base64格式的图像中接受这里是我的HTML

HTML

<div class="images">
                                <input type="file" class="images-input" id="images_file_8"/>
                                <label for="images_file_8">
                                </label>
                                <div class="active-content">
                                    <h5>Main Picture</h5>
                                </div>
                                <div class="div-count">
                                    <h6 order="8">08</h6>
                                </div>
                                <div class="options">
                                    <i class="fas fa-magic"></i>
                                    <i class="fas fa-sync-alt"></i>
                                    <i class="fas fa-times"></i>
                                </div>
                                <div class="progressbar"></div>
<div class="block-image">
<img src="data:image/jpeg,base64,/......."/>
</div>
                            </div>

现在这是我到目前为止所尝试的

  window.$(".magic").each(function () {
            window.$(this).on("click", function () {
 var img = $(this).parents("images").find("img");
                imageEditor.open({
                    image_url: img[0].src
                }, img[0]);
            });
        });

但它正在抛出错误

Cannot read property 'src' of undefined

有没有办法可以传递base64编码的图像src？

将base64编码的src设置为插件jquery

0 个答案: