환영합니다. 바다아이 홈페이지 입니다.

'이태원 핼러윈 참사.. 150명 넘게 죽었는데 눈치나 보며 아무것도 안 하는 민주당을 규탄한다. 총선 보이콧... 문재인 시즌2 는 절대 금지다...'

이번주 로또 및 연금번호 발생!! |

HOME |

여기는? |

바다물때표 |

알림 (16) |

여러가지 팁 (1059) |

추천 및 재미 (156) |

자료실 (22) |

시사, 이슈, 칼럼, 평론, 비평 (613) |

끄적거림 (136) |

문예 창작 (716) |

바람 따라 (75) |

시나리오 (760) |

드라마 대본 (248) |

살인!

리눅스 데스크탑 (230)
리눅스 서버 (148)
윈도우 관련 (8)
freebsd 데스크탑 (31)
freebsd 서버 (34)
쉘 스크립트 (6)
html/css/xml (48)
html5 (4)
golang (179)
php (2)
디자인 관련 (1)
javascript/jquery (76)
DATABASE (9)
mariadb, mysql (33)
postgresql (45)
생활/쇼핑 (39)
컴퓨터/핸드폰 (45)
종교/자선 (3)
요리관련 (22)
음식관련 (15)
의학관련 (8)
건강/운동 관련 (13)
주식, 금융관련 (3)
자동차, 운전 관련 (21)
기계 관련 (9)
스포츠 관련 (1)
과학, 수학관련 (1)
문학관련 (8)
좋은 글 (7)
낚시관련 (1)
원예관련 (9)

현재 접속자

바다아이에게 후원하기

개정 공동번역 성경보기

기존 공동번역 성경보기

소스 하이라이팅

도로명 주소검색

URL encode, decode

javascript 줄 맞추기

Hits :

html5

html5 - html5 다중 멀티 파일 업로드, 폴더 선택, 폴더까지 이름에 포함.

이 름 : 바다아이 | 조회수 : 11622

Google Code style (c) Aahan Krish <geekpanth3r@gmail.com>

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: white;
  color: black;
}

.hljs-comment,
.hljs-quote {
  color: #800;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-section,
.hljs-title,
.hljs-name {
  color: #008;
}

.hljs-variable,
.hljs-template-variable {
  color: #660;
}

.hljs-string,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-regexp {
  color: #080;
}

.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-meta,
.hljs-number,
.hljs-link {
  color: #066;
}

.hljs-title,
.hljs-doctag,
.hljs-type,
.hljs-attr,
.hljs-built_in,
.hljs-builtin-name,
.hljs-params {
  color: #606;
}

.hljs-attribute,
.hljs-subst {
  color: #000;
}

.hljs-formula {
  background-color: #eee;
  font-style: italic;
}

.hljs-selector-id,
.hljs-selector-class {
  color: #9B703F
}

.hljs-addition {
  background-color: #baeeba;
}

.hljs-deletion {
  background-color: #ffc8bd;
}

.hljs-doctag,
.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
 font-style: italic;
}
</style>
<pre>
<code class="hljs">만약 a 란 폴더를 선택하면 하위에 있는 것들 전부 포함이구요...
경로 또한 파일 이름에 같이 포함 됩니다. 
input 에 어떤 옵션을 주느냐에 따라 폴더가 선택이 되기도 하고
그렇지 않기도 합니다.
받는 서버 쪽에서 이름 찍어 보세요.... 흘러가는 패턴 아실 겁니다.

&lt;input type=&quot;file&quot; name=&quot;files[]&quot; id=&quot;files&quot; multiple&gt;

이렇게만 하면 폴더는 선택 안되고 특정 디렉토리 파일만 멀티로 선택됩니다.
아래는 하위 폴더까지 전부 선택되고요...

&lt;form method=&quot;post&quot; enctype=&quot;multipart/form-data&quot;&gt;
 &lt;input type=&quot;file&quot; name=&quot;files[]&quot; id=&quot;files&quot; multiple=&quot;&quot; directory=&quot;&quot; webkitdirectory=&quot;&quot; mozdirectory=&quot;&quot;&gt;
 &lt;input class=&quot;button&quot; type=&quot;submit&quot; value=&quot;Upload&quot; /&gt;
&lt;/form&gt;
</code></pre>

짧은 주소 : https://www.bada-ie.com/su/?651591784156

만약 a 란 폴더를 선택하면 하위에 있는 것들 전부 포함이구요...
경로 또한 파일 이름에 같이 포함 됩니다. 
input 에 어떤 옵션을 주느냐에 따라 폴더가 선택이 되기도 하고
그렇지 않기도 합니다.
받는 서버 쪽에서 이름 찍어 보세요.... 흘러가는 패턴 아실 겁니다.

<input type="file" name="files[]" id="files" multiple>

이렇게만 하면 폴더는 선택 안되고 특정 디렉토리 파일만 멀티로 선택됩니다.
아래는 하위 폴더까지 전부 선택되고요...

<form method="post" enctype="multipart/form-data">
    <input type="file" name="files[]" id="files" multiple="" directory="" webkitdirectory="" mozdirectory="">
    <input class="button" type="submit" value="Upload" />
</form>

1 page / 1 page
번 호	카테고리	제 목	이름	조회수
4	html5	[HTML5 튜토리얼] Video와 Audio 태그 기본	바다아이	11856
현재글	html5	html5 다중 멀티 파일 업로드, 폴더 선택, 폴더까지 이름에 포함.	바다아이	11623
2	html5	html5 simple, 단순한 color picker 색깔, 색상 선택.	바다아이	13651
1	html5	html5 file api 다중 파일 선택 , 멀티 업로드	바다아이	9959
1
\| \|

Copyright ⓒ 2001.12. bada-ie.com. All rights reserved.
이 사이트는 리눅스에서 firefox 기준으로 작성되었습니다. 기타 브라우저에서는 다르게 보일 수 있습니다.
[ Ubuntu + GoLang + PostgreSQL + Mariadb ]
서버위치 : 오라클 클라우드 춘천 실행시간 : 0.14217 초
to webmaster... gogo sea. gogo sea.