@@ -171,98 +171,98 @@ MEDIA_MAXKB_DEFAULT=10240
171171 ```
1721722) Include Livewire & Alpine (usually in your app layout):
173173
174- ```html
175- @livewireStyles
176- <style >[x-cloak ]{ display :none !important ; } </style >
177- @livewireScripts
178- ```
174+ ```html
175+ @livewireStyles
176+ <style >[x-cloak ]{ display :none !important ; } </style >
177+ @livewireScripts
178+ ```
179179
1801803) Drop the component into your Blade:
181181
182- ``` html
183- <livewire:media-uploader :for =" $user" collection =" avatars" preset =" images" />
184- ```
182+ ```html
183+ <livewire:media-uploader :for =" $user" collection =" avatars" preset =" images" />
184+ ```
185185
186186---
187187
188188## Usage Examples
189189
190- ** 1) Pass a saved model instance**
191- ``` html
192- <livewire:media-uploader :for =" $user" collection =" avatars" preset =" images" />
193- ```
190+ 1) Pass a saved model instance
191+ ```html
192+ <livewire:media-uploader :for =" $user" collection =" avatars" preset =" images" />
193+ ```
194194
195- ** 2) Short string model + id**
196- ``` html
197- <livewire:media-uploader model =" user" :id =" $user->id" collection =" images" preset =" images" />
198- ```
195+ 2) Short string model + id
196+ ```html
197+ <livewire:media-uploader model =" user" :id =" $user->id" collection =" images" preset =" images" />
198+ ```
199199
200- ** 3) Morph map alias**
201- ``` html
202- <livewire:media-uploader model =" users" :id =" $user->id" collection =" profile" preset =" images" />
203- ```
200+ 3) Morph map alias**
201+ ```html
202+ <livewire:media-uploader model =" users" :id =" $user->id" collection =" profile" preset =" images" />
203+ ```
204204
205- ** 4) FQCN**
206- ``` html
207- <livewire:media-uploader model =" \App\Models\User" :id =" $user->id" collection =" documents" />
208- ```
205+ 4) FQCN
206+ ```html
207+ <livewire:media-uploader model =" \App\Models\User" :id =" $user->id" collection =" documents" />
208+ ```
209209
210- ** 5) Dotted path + custom namespaces**
211- ``` html
212- <livewire:media-uploader
213- model =" crm.contact"
214- :id =" $contactId"
215- :namespaces =" ['App\\Domain\\Crm\\Models', 'App\\Models']"
216- collection =" images"
217- preset =" images"
218- />
219- ```
210+ 5) Dotted path + custom namespaces
211+ ```html
212+ <livewire:media-uploader
213+ model =" crm.contact"
214+ :id =" $contactId"
215+ :namespaces =" ['App\\Domain\\Crm\\Models', 'App\\Models']"
216+ collection =" images"
217+ preset =" images"
218+ />
219+ ```
220220
221- ** 6) Local aliases (per-instance)**
222- ``` html
223- <livewire:media-uploader
224- model =" profile"
225- :id =" $user->id"
226- :aliases =" ['profile' => \App\Models\User::class]"
227- collection =" gallery"
228- />
229- ```
221+ 6) Local aliases (per-instance)
222+ ```html
223+ <livewire:media-uploader
224+ model =" profile"
225+ :id =" $user->id"
226+ :aliases =" ['profile' => \App\Models\User::class]"
227+ collection =" gallery"
228+ />
229+ ```
230230
231- ** 7) Single-file mode + hide list**
232- ``` html
233- <livewire:media-uploader
234- :for =" $user"
235- collection =" avatar"
236- :multiple =" false"
237- :showList =" false"
238- preset =" images"
239- />
240- ```
231+ 7) Single-file mode + hide list
232+ ```html
233+ <livewire:media-uploader
234+ :for =" $user"
235+ collection =" avatar"
236+ :multiple =" false"
237+ :showList =" false"
238+ preset =" images"
239+ />
240+ ```
241241
242- ** 8) Name conflict strategies**
243- ``` html
244- <livewire:media-uploader :for =" $user" collection =" files" onNameConflict =" rename" />
245- <livewire:media-uploader :for =" $user" collection =" files" onNameConflict =" replace" />
246- <livewire:media-uploader :for =" $user" collection =" files" onNameConflict =" skip" />
247- <livewire:media-uploader :for =" $user" collection =" files" onNameConflict =" allow" />
248- ```
242+ 8) Name conflict strategies
243+ ```html
244+ <livewire:media-uploader :for =" $user" collection =" files" onNameConflict =" rename" />
245+ <livewire:media-uploader :for =" $user" collection =" files" onNameConflict =" replace" />
246+ <livewire:media-uploader :for =" $user" collection =" files" onNameConflict =" skip" />
247+ <livewire:media-uploader :for =" $user" collection =" files" onNameConflict =" allow" />
248+ ```
249249
250- ** 9) Duplicate detection by SHA-256**
251- ``` html
252- <livewire:media-uploader :for =" $user" collection =" images" preset =" images" :skipExactDuplicates =" true" />
253- ```
250+ 9) Duplicate detection by SHA-256
251+ ```html
252+ <livewire:media-uploader :for =" $user" collection =" images" preset =" images" :skipExactDuplicates =" true" />
253+ ```
254254
255- ** 10) Restrict types/mimes/max size manually**
256- ``` html
257- <livewire:media-uploader
258- :for =" $user"
259- collection =" documents"
260- :accept =" '.pdf,.doc,.docx,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document'"
261- :allowedTypes =" ['pdf','doc','docx']"
262- :allowedMimes =" ['application/pdf','application/msword','application/vnd.openxmlformats-officedocument.wordprocessingml.document']"
263- :maxSizeKb =" 5120"
264- />
265- ```
255+ 10) Restrict types/mimes/max size manually
256+ ```html
257+ <livewire:media-uploader
258+ :for =" $user"
259+ collection =" documents"
260+ :accept =" '.pdf,.doc,.docx,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document'"
261+ :allowedTypes =" ['pdf','doc','docx']"
262+ :allowedMimes =" ['application/pdf','application/msword','application/vnd.openxmlformats-officedocument.wordprocessingml.document']"
263+ :maxSizeKb =" 5120"
264+ />
265+ ```
266266
267267---
268268
0 commit comments