Question

嗨，我正尝试使用此plugin通过vue.js上传多张图片。这是我的代码。

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>vue-upload-multiple-image</title>
    </head>
    <body>
        <div id="my-strictly-unique-vue-upload-multiple-image" style="display: flex; justify-content: center;">
            <vue-upload-multiple-image
                @upload-success="uploadImageSuccess"
                @before-remove="beforeRemove"
                @edit-image="editImage"
                @data-change="dataChange"
                :data-images="images"
                ></vue-upload-multiple-image>
        </div>
        <script src="./dist/vue-upload-multiple-image.js"></script>
    </body>
</html>

不幸的是，这段代码既没有给出错误，也没有输出。但是，当我使用此CDN时，它会起作用。

<script src="https://unpkg.com/vue-upload-multiple-image@1.0.2/dist/vue-upload-multiple-image.js"></script>

有没有CDN的使用方法吗？ js文件在那里，我是从CDN下载的。

谢谢

Answer 1

该脚本的来源通常不应更改任何内容。

您使用的插件版本相同吗？要确定，您可以将https://unpkg.com/vue-upload-multiple-image@1.0.2/dist/vue-upload-multiple-image.js的内容复制到文件中（右键单击，另存为...）。

是否将其添加到页面上？？您是否拥有Adblock之类的插件，它是否告知您它已阻止了内容？打开网络控制台，检查文件是否已正确下载且没有错误（您将看到带有文件名的一行）。单击该行时，您是否从网络控制台中看到JS代码（以防止错误的Servur配置）？。

可以肯定的是，您可以在脚本文件的末尾添加一些内容：

let myTestVar = "JESuisLA";

并确认您可以在控制台上访问myTestVar。

Vue.js上传多个图像没有CDN无法正常工作

1 个答案: