Question

我正在使用这个漂亮的插件，它允许将图像从网站复制并粘贴到我的表单。 https://github.com/vladmalik/pasteimage

所以我可以预览图像，但我无法将其添加到输入字段中：

<input type="file" id="eventPicture" accept="image/*">

插件的功能是：

function insertImageURI(value) {
    // parse the uri to strip out "base64"
    var sourceSplit = value.split("base64,");
    var sourceString = sourceSplit[1];
    // Write base64-encoded string into input field
    $("input").val(sourceString);
}

但是我把它放在“价值”变量中？感谢

编辑：我的代码是：

<script>
        function callback(src) {
            //do something e.g., assign src to image
            showImage(src);
            insertImageURI(src); // ERROR
        }

        $(function() {
            $.pasteimage(callback);
        });

        function showImage(src) {
          $('#pasteImage').attr("src", src);
        }

        function insertImageURI(value) {
            // parse the uri to strip out "base64"
            var sourceSplit = value.split("base64,");
            var sourceString = sourceSplit[1];
            // Write base64-encoded string into input field
            $('#eventPicture').val(sourceString);
        }
    </script>

错误：未捕获InvalidStateError：无法在'HTMLInputElement'上设置'value'属性：此输入元素接受一个文件名，该文件名只能以编程方式设置为空字符串。

编辑2：看起来像input：file的value属性是只读的，所以我无法以编程方式填充它：（

Answer 1

那里有两件事

1.您必须在页面级别粘贴图像时显示图像

您需要在insertImageUri中提供图像的URL，后端服务器会将其作为图像提取并上传

将图像从Internet复制粘贴到输入字段

1 个答案: