Question

我正在使用Valums AjaxUpload库上传图片，突然间我得到 SecurityError：操作不安全。错误。除了一些html之外什么都没有改变，（我已经将值属性添加到文本输入，将src添加到img标记）。

我已经看到了一些答案this和this，但我不确定这些是否适用，因为之前有效，现在却没有。我正在从我以前的同一目录上传文件。

有没有其他人随机开始出现此警告的问题？运行脚本的域不使用SSL，因此我可以看到此错误是http / https的任何原因，特别是因为没有任何JS代码发生更改。

编辑：错误似乎被抛到了这一行

$('input[name=image]').val(response.data.url);

我会做一些挖掘，看看能否找出原因

这是我上传功能的JS

new AjaxUpload( $('#imageUpload'),{

     action: '/sivactivities/ajax/upload',
     name: 'image',
     data: {
           'itemId' : DataBridge.itemId
     },

     onSubmit : function(file, ext){
                 // If you want to allow uploading only 1 file at time,
         // you can disable upload button
         this.disable();


     },
     onComplete: function(file, response){

         // enable upload button
        this.enable();

        response = SIV.decode(response);
        console.log(response);
        DataBridge.imageHeight = response.data.height;
        DataBridge.imageWidth = response.data.width;
        DataBridge.thumbSrc = response.data.url;
        $('#image-upload-load').hide();
        $('input[name=image]').val(response.data.url);
        $('#uploadedImg').attr('src', response.data.url);
     }
});

和HTML

<div class="formKey">Image</div>
<div class="formVal">
    <p>Please make sure this image is 246 x 164</p>
    <div style="display:inline-block; width:150px;float:left;">
        <div class="upload-button"><a class="smaller-button imageUpload" id="imageUpload" href="#"/><span></span>BROWSE</a></div>
        <div style="height: 75px;" id="divFileProgressContainer"></div>
        <div class="form-loading hide" id="item-upload-load">
            <img src="/open/img/loading-indicator.gif" alt="loading"/>
            <input type="hidden" name="image" />
        </div>
    </div>

    <div style="display:inline-block; width:300px;">
        <img id="uploadedImg" />
    </div>
</div>

Answer 1

经过一些进一步的调试后，我发现我试图更新文件输入的值，而不是图像（两个元素都有ID 图像）。

This answer让我查看了ID并最终解决了我的问题。

SecurityError：使用AjaxUpload库时，操作不安全

1 个答案: