javascript - 使用 Wix 网站构建器的 Javascript
问题描述
在使用一些代码获取图片网址时,我遇到了一些问题,代码在说url.match is not a function.
任何帮助都会很棒!
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
}
}
谢谢
解决方案
根据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
}
}
推荐阅读
- python-3.x - 使用请求 POST textarea 数据
- azure-language-understanding - 测试面板以 v3 API 格式返回 json,而 v2 更可取
- javascript - 路口观察员不与兄弟姐妹一起工作
- reactjs - 使用 @testing-library/react 测试材质 ui 滑块
- php - 尝试获取客户端在模型中输入的 $clientId
- python - pdb 提示只是退出而没有任何交互式响应
- c# - C# XMS 中等效的 MQI 连接字符串
- php - 在mysql和php中按日期范围分组
- python-3.x - Python:变量类型注释和默认初始化为无
- c++ - 当其他线程正在运行不访问“this”的成员函数时删除“this”的未定义行为?