使用 Wix 网站构建器的 Javascript

Question

在使用一些代码获取图像网址时，我遇到了一些问题，代码说 url.match 不是函数。

任何帮助都会很棒!

function youtube(url = $w('#input1')) {


        var regExp = /.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=)([^#\&\?]*).*/;

        var match = url.match(regExp);

        if (match && match[1].length === 11) {
            let urllink = match[1];
            let imagelink = "http:\/\/img.youtube.com\/vi\/" + urllink + "\/hqdefault.jpg\"";

            console.log(imagelink);
        } else {
            //Nothing
        }

    }

谢谢

Answer 1

根据 wix 文档，$w 函数从页面中选择并返回元素。

如果页面上有一个输入，其 id 设置为 input1(您尝试通过调用 $w('#input1') 来选择它)变量 url 保存输入的句柄，而不是输入的值。

因此尝试从中获取值(例如url = url.value，或只是url = $w('#input1').value)，并且之后调用 url.match(regExp);。

像这样编辑你的函数:

function youtube(url = $w('#input1')) {
    var regExp = /.*(?:youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=)([^#\&\?]*).*/;

    url = url.value;
    var match = url.match(regExp);

    if (match && match[1].length === 11) {
        let urllink = match[1];
        let imagelink = "http:\/\/img.youtube.com\/vi\/" + urllink + "\/hqdefault.jpg\"";
        console.log(imagelink);
    } 
    else {
        //Nothing
    }
}