File uplodaer

이 섹션은 사용자가 파일 및 이미지를 업로드할 수 있는 요소에 대해 다룹니다.

• ctrl/command + k 를 누르면, 필요한 정보를 더 쉽게 검색할 수 있습니다.

• 공식 문서를 ChatGPT를 활용해 번역을 진행했으며, 모든 출처는 버블 공식 문서입니다.

• 공식 문서 양이 방대해 시간이 날 때마다 꾸준하게 작업 중입니다.

File uploads

This section covers elements that lets your users upload files and images

https://manual.bubble.io/help-guides/design/elements/input-forms/file-uploads#multi-fileuploader-with-drop-area

File uploader

Image uploader

Multi-FileUploader (with drop area)

파일 업로드 요소를 사용하면 사용자가 어떤 종류의 파일이든 Bubble 서버에 업로드할 수 있습니다. Bubble에는 파일 업로드용으로 일반 파일 및 특히 이미지에 대한 두 가지 다른 요소가 있습니다.

File storage and the database

Deleting uploaded files

업로드된 파일은 기본적으로 공개되어 있으며 URL을 가진 누구나 액세스할 수 있습니다. 파일을 안전하게 비공개로 설정하려면 업로더 요소에서 Make this file private 옵션을 선택하고 개인 정보 규칙을 올바르게 설정해야 합니다. 이는 이미지 및 기타 파일에 모두 적용됩니다.

Make this file private

Privacy

How to Setup Privacy Rules | Bubble Tutorial

Bubble is a visual programming language that lets you build web applications without code. Using Bubble's visual editor, you can build a fully-functional web application quickly and affordably. 0:00 - What Privacy Rules Are 1:06 - How to Define a Rule 1:51 - Everyone Else (Default Permissions) 2:17 - Current User & This 2:46 - Privacy Rule Evaluation 3:14 - View all fields permission 3:37 - Find this in searches permission 3:54 - View attached files permission 4:09 - Allow auto-binding 4:27 - Reading Conditions 4:52 - Control The Entire Thing 6:26 - Granting Permissions For Fields 7:36 - Multiple Privacy Rules 10:47 - The Data API 12:05 - Debugging Privacy Rules 12:35 - Handling Workflow Security 12:57 - Setting Data Types to Private By Default 13:34 - Showing/Hiding Elements & Privacy Rules 14:18 - Privacy Rules Review New to Bubble? View our full Introduction series: https://www.youtube.com/playlist?list... Learn more about Bubble, the leading no-code web app development platform: https://bubble.io https://twitter.com/bubble https://bubble.io/blog

https://www.youtube.com/watch?v=1-meIeBUXPY

File uploader

How to Use The File Uploader Element | Bubble Quick Tip

Bubble is a visual programming language that lets you build web applications without code. Using Bubble's visual editor, you can build a fully-functional web application quickly and affordably. 0:00 - Intro 0:06 - When to Use a File Uploader 0:16 - File Uploader Example 0:23 - Managing Uploaded Files 0:36 - Making Files Private 1:05 - Adding Files to Custom Fields 1:18 - File Uploader Properties 1:27 - Outro Have a question? Please reach out to us support@bubble.io Learn more about Bubble, the leading no-code web app development platform: https://bubble.io https://twitter.com/bubble https://bubble.io/blog

https://youtu.be/2wQo0Nve4Zs

파일 업로더 요소는 이미지 파일 유형을 업로드하는 데 사용됩니다. 이미지 업로더 요소는 그에 대한 몇 가지 추가 기능을 제공합니다.

파일 업로더 요소는 사용자가 파일을 선택한 후 파일 이름을 표시합니다.

업로드된 파일의 최대 크기를 설정할 수 있습니다. 파일 업로더 요소에는 진행 중인 업로드를 취소할 수 있는 새로운 동작이 소개되었습니다.

Image uploader

How to Use the Picture Uploader Element | Bubble Quick Tip

Bubble is a visual programming language that lets you build web applications without code. Using Bubble's visual editor, you can build a fully-functional web application quickly and affordably. 0:00 - Intro 0:07 - Use Cases 0:12 - How to Use 0:22 - How to Save Images 0:35 - Images & Privacy Rules 0:54 - Use in Social Apps 0:59 - Outro New to Bubble? View our full Introduction series: https://www.youtube.com/playlist?list... Learn more about Bubble, the leading no-code web app development platform: https://bubble.io https://twitter.com/bubble https://bubble.io/blog

https://youtu.be/ZXjhQkM5qV0

이미지 업로더 요소는 이미지를 업로드하고 업로드 후 이미지의 미리보기를 제공합니다. 초기 콘텐츠로 이미지를 설정한 경우 해당 이미지도 표시되어 가끔 업데이트되는 프로필 사진과 같은 이미지에 유용합니다.

이미지 업로더 요소는 이미지를 업로드한 후 이미지를 표시합니다. 위의 예에서는 원형으로 요소를 스타일링했습니다.

Multi-FileUploader (with drop area)

멀티 파일 업로더는 일반 파일 업로더와 유사하지만 두 가지 주요 차이점이 있습니다.

•

여러 파일을 업로드 할 수 있습니다.

•

사용자가 파일을 드래그하여 놓을 수 있는 드롭 영역을 설정할 수 있습니다.’

업로드 할 파일의 최대 수 및 페이지 로드시 표시할 파일 목록을 초기화할 수 있습니다.

멀티 파일 업로더 요소는 플러그인입니다. Bubble에서 만들었지만 사용하려면 앱에 설치해야 합니다.

플러그인 스토어에서 Multi-FileUploader를 검색하여 설치하세요.