1"use strict";(self.webpackChunk_dropzone_docs=self.webpackChunk_dropzone_docs||[]).push([[408],{3781(e,t,n){n.r(t),n.d(t,{assets:()=>d,contentTitle:()=>i,default:()=>p,frontMatter:()=>s,metadata:()=>o,toc:()=>l});const o=JSON.parse('{"id":"getting-started/installation/index","title":"Installation","description":"There are two ways to add Dropzone to your projects. If you are using a package manager please refer to the Package manager section. If you simply want to use Dropzone without any bundler or package manager, please refer to the Stand-alone file section.","source":"@site/docs/getting-started/installation/index.md","sourceDirName":"getting-started/installation","slug":"/getting-started/installation/","permalink":"/docs/getting-started/installation/","draft":false,"unlisted":false,"editUrl":"https://github.com/enyo/dropzone/tree/main/apps/docs/docs/getting-started/installation/index.md","tags":[],"version":"current","frontMatter":{},"sidebar":"docs","previous":{"title":"Introduction","permalink":"/docs/"},"next":{"title":"Package manager","permalink":"/docs/getting-started/installation/package-manager"}}');var a=n(4558),r=n(3747);const s={},i="Installation",d={},l=[];function c(e){const t={a:"a",admonition:"admonition",h1:"h1",header:"header",p:"p",strong:"strong",...(0,r.R)(),...e.components};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.header,{children:(0,a.jsx)(t.h1,{id:"installation",children:"Installation"})}),"\n",(0,a.jsxs)(t.p,{children:["There are two ways to add Dropzone to your projects. If you are using a package manager please refer to the ",(0,a.jsx)(t.a,{href:"/docs/getting-started/installation/package-manager",children:"Package manager"})," section. If you simply want to use Dropzone without any bundler or package manager, please refer to the ",(0,a.jsx)(t.a,{href:"/docs/getting-started/installation/stand-alone",children:"Stand-alone file"})," section."]}),"\n",(0,a.jsx)(t.admonition,{type:"info",children:(0,a.jsxs)(t.p,{children:["Dropzone.js does not handle your file uploads on the ",(0,a.jsx)(t.strong,{children:"server"}),". You have to implement the code to receive and store the file yourself. See the section ",(0,a.jsx)(t.a,{href:"/docs/getting-started/setup/server-side-implementation",children:"Server side implementation"})," for more information."]})})]})}function p(e={}){const{wrapper:t}={...(0,r.R)(),...e.components};return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(c,{...e})}):c(e)}},3747(e,t,n){n.d(t,{R:()=>s,x:()=>i});var o=n(1102);const a={},r=o.createContext(a);function s(e){const t=o.useContext(r);return o.useMemo(function(){return"function"==typeof e?e(t):{...t,...e}},[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(a):e.components||a:s(e.components),o.createElement(r.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.