代码之家 › 专栏 › 技术社区 › Curnelious

允许用户从库中选择照片

wixcode

0

Curnelious · 技术社区 · 6 年前

在检查了所有可能的选项之后,我找不到一个简单问题的解决方案:

允许用户从大型库中选择照片并将其保存到收藏。像图像选取器一样,从库中选取图像时窗口将关闭。

“没有照片选择选项” user input “菜单。
无法将任何库(包括Wix库)连接到数据集 INPUT 是的。
第三个应用程序允许你这么做,但它被保存在自己的服务器上,并且仅限于一些照片,而不是一个大的集

我们基本上在一个相册里有100多张照片,用户应该可以选择。

另一种选择是用pinterest stream打开某种窗口并收集所选内容的url,这似乎也是不可能的。

1 回复 | 直到 6 年前

1

Sam 6 年前

没有内置的图像选择器,但是您可以使用一些代码来滚动自己的图像选择器。

这里有一些代码可以帮助您朝着正确的方向开始:

import wixData from 'wix-data';
import wixUsers from 'wix-users';

$w.onReady(function () {
  $w('#gallery').clickAction = "none";

  $w("#gallery").onItemClicked( (event) => {
    let imageSrc = event.item.src; 

    let toInsert = {
      "user": wixUsers.currentUser.id,
      "image": imageSrc
    }

    wixData.insert("SelectedImages", toInsert)
      .then( () => {
        $w('#gallery').hide("fold");
      } );
  } );
} );

此代码假定您有一个要在其中存储“选定”图像的集合。该集合至少有两个字段具有以下键:用户和图像。

单击库中的图像时,事件处理程序将获取图像的src,并将其与当前用户的id一起插入到集合中。然后库被隐藏。

上面的所有内容都可以根据您的具体情况进行定制,但这应该能让您了解可以做什么。