Giter Site home page Giter Site logo

alexdg18 / imageuploader Goto Github PK

View Code? Open in Web Editor NEW

This project forked from salesforcelabs/imageuploader

0.0 0.0 0.0 280 KB

Home Page: https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3u00000MRwSJEA1

License: BSD 3-Clause "New" or "Revised" License

JavaScript 76.60% Apex 10.92% CSS 4.56% HTML 7.92%

imageuploader's Introduction

ImageUploader

⭐️ 操作マニュアルはコチラ ↓

https://salesforce.quip.com/aV5yATMhaA96

⭐️ 詳細な設定マニュアルはコチラ ↓

https://salesforce.quip.com/wqkJANnbuwgp

1.パッケージのインストール

1-2. インストール URL を開く

・AppExchange URL

https://appexchange.salesforce.com/appxListingDetail?listingId=a0N3u00000MRwSJEA1

1-2. ログイン

ログイン画面が開かれた場合、自身のログイン ID・パスワードを入力する

ログインイメージ

1-3. 利用ユーザの選択

以下から利用用途に合わせて選び、インストールボタンを押下する。 ※インストール後に利用ユーザを設定することも可能

インストールイメージ

ケース インストール
システム管理者のみが試験導入する場合 管理者のみインストール
すべてのユーザが利用する場合 すべてのユーザのインストール
特定のユーザのみが利用する場合 特定のプロファイルのインストール

1-4. インストール完了

インストールの完了メッセージが表示された場合、完了ボタンを押下する。

インストール完了

設定内の「インストール済みパッケージ」に Image Uploader が追加されます。

インストール済みパッケージの確認

2.レコードページへの追加

社内向けで利用する場合、任意のオブジェクトに以下設定を行ってください

2-1. 編集ページを開く

追加したいオブジェクトのレコードを開き、画面右上の「歯車マーク → 編集ページ」の順に押下する。

編集ページの設定

2-2. コンポーネントを配置

画面左のコンポーネントから、「カスタム-管理」セクションにある「Image Uploader」をページ内の配置したい箇所にドラッグ&ドロップします。 (Image Uploader(パーツのため使用不可)は、モバイルアプリで使用されるコンポーネントのパーツのため単体では動作しません)

コンポーネントの配置

2-3. 詳細設定

画面右側の詳細設定にて、利用したい条件に合わせて設定を変更します。 コンポーネント設定の詳細はこちらから確認ください。

3.動画・音声ファイルの再生設定

Image Uploader はファイルの拡張子によって表示の実行動作を変えています。 以下はコンポーネント内でのファイルの取り扱いの設定であり、動作の実行を保証するものではありません。 各ファイルの実行はデバイスやブラウザの実装に依存しますのでご注意ください。 webm や ogg など、対応拡張子を増やしたい場合はコンポーネントの改修が必要になります。

種別 コンポーネント上での挙動
動画ファイル 拡張子が avi/mpeg/mp4/mov/wmv のファイルは動画ファイルとして扱われます。
音声ファイル 拡張子が mp3/acc/wav/wma のファイルは音声ファイルとして扱われます。

動画・音声ファイルを再生させるための設定

  • 設定>セキュリティ>CSP 信頼済みサイト →「新規作成」として、次のように自ドメインからのmedia-srcを有効にする
    • 信頼済みサイト名: 任意の名前
    • 信頼済みサイト URL: マイドメインを有効にした組織の URL 例: https://XXXXXXXXX.my.salesforce.com
    • 有効: チェックを入れる
    • コンテキスト: すべて (Salesforce+デジタルエクスペリエンスサイト) もしくは LEX (Salesforce)またはコミュニティ(デジタルエクスペリエンスサイト)
    • CSP ディレクティブ “media-src のサイトを許可”にチェックを入れる

4.PDF ファイルの表示設定

PDF を表示させるための設定

  • 設定>セキュリティ>ファイルのアップロードおよびダウンロードセキュリティ →.pdf のダウンロード操作を“ブラウザで実行”に変更

imageuploader's People

Contributors

j-saotome avatar tepp0f3l avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.