Bootstrap File Input

Sa halip ng pagpili at pag-upload ng isang file sa isang pagkakataon, o gumagamit ng maramihang mga patlang upload sa parehong form, mga developer ay maaaring i-deploy Bootstrap File Input upang magbigay ng kanilang mga user na may isang maganda ang file pagpili interface, kumpleto na may mga preview file, suporta para sa mga seleksyon multi-file, at iba't-ibang mga pindutan ng pagkilos.

Bootstrap File Input ay isa lamang ng apat na pangunahing mga elemento. Ang pindutan ng pagpili ng file, ang pindutan ng upload, ang alisin seleksyon button, at ang seksyon preview.

Ang bawat isa sa mga ito ay maaaring naka-off o customized sa pamamagitan ng CSS, na nagpapahintulot sa mga developer na lumikha ng customized na file pickers, bilang na makikita nila magkasya upang gamitin sa kanilang application.

Bootstrap File Input Sinusuportahan din hindi pinagana estado, ay napaka-ilaw pagdating sa laki disk, at humahawak lamang ang operasyon client-side tungkol sa proseso ng pag-upload. Ang ibig sabihin nito na kinakailangan nito upang maging integrated sa server-side upang aktwal na i-save at mag-store na-upload na file. Ang magandang balita ay na dahil ito ay nakasulat sa JavaScript at HTML 5 ito ay ginawa upang gumana sa halos anumang uri ng server-side programming language.

Ang isang demo ay kasama sa Bootstrap File Input download package

Ano ang bago sa ito release:.

• Pagpapahusay:
• Custom tags suporta para layoutTemplates at previewTemplates (new properties customLayoutTags at customPreviewTags kasama).
• New filebatchselected kaganapan trigger pagkatapos ng bawat batch ng mga file ay pinili.
• Bagong mas mabilis replaceAll paraan sa halip ng pag-parse ng regexp upang palitan tag sa mga template.
• Pagbutihin error handler para sa tigil FileReader security eksepsiyon at bagong ari-arian msgFileSecured ay magpapakita ng security exception mensahe.
• Code cleanup at restructure para JS lint pagbabago (gamit JSHint Code cleanup library).
• Payagan pagpapakita ng mahabang pangalan ng file na walang mga puwang / salita break.
• Fix reset ng file stack para sa iba't ibang mga mode sa pag-upload (single, batch async at batch sync).
• Mag-upload ng progreso pagpapahusay bar estilo.

Ano ang bago sa bersyon 4.2.8:

• Pagpapahusay:
• Custom tags suporta para layoutTemplates at previewTemplates (new properties customLayoutTags at customPreviewTags kasama).
• New filebatchselected kaganapan trigger pagkatapos ng bawat batch ng mga file ay pinili.
• Bagong mas mabilis replaceAll paraan sa halip ng pag-parse ng regexp upang palitan tag sa mga template.
• Pagbutihin error handler para sa tigil FileReader security eksepsiyon at bagong ari-arian msgFileSecured ay magpapakita ng security exception mensahe.
• Code cleanup at restructure para JS lint pagbabago (gamit JSHint Code cleanup library).
• Payagan pagpapakita ng mahabang pangalan ng file na walang mga puwang / salita break.
• Fix reset ng file stack para sa iba't ibang mga mode sa pag-upload (single, batch async at batch sync).
• Mag-upload ng progreso pagpapahusay bar estilo.

Ano ang bago sa bersyon 4.2.2:

• Pagpapahusay:
• Custom tags suporta para layoutTemplates at previewTemplates (new properties customLayoutTags at customPreviewTags kasama).
• New filebatchselected kaganapan trigger pagkatapos ng bawat batch ng mga file ay pinili.
• Bagong mas mabilis replaceAll paraan sa halip ng pag-parse ng regexp upang palitan tag sa mga template.
• Pagbutihin error handler para sa tigil FileReader security eksepsiyon at bagong ari-arian msgFileSecured ay magpapakita ng security exception mensahe.
• Code cleanup at restructure para JS lint pagbabago (gamit JSHint Code cleanup library).
• Payagan pagpapakita ng mahabang pangalan ng file na walang mga puwang / salita break.
• Fix reset ng file stack para sa iba't ibang mga mode sa pag-upload (single, batch async at batch sync).
• Mag-upload ng progreso pagpapahusay bar estilo.

Ano ang bago sa bersyon 4.2.1:

• Pagpapahusay:
• Custom tags suporta para layoutTemplates at previewTemplates (new properties customLayoutTags at customPreviewTags kasama).
• New filebatchselected kaganapan trigger pagkatapos ng bawat batch ng mga file ay pinili.
• Bagong mas mabilis replaceAll paraan sa halip ng pag-parse ng regexp upang palitan tag sa mga template.
• Pagbutihin error handler para sa tigil FileReader security eksepsiyon at bagong ari-arian msgFileSecured ay magpapakita ng security exception mensahe.
• Code cleanup at restructure para JS lint pagbabago (gamit JSHint Code cleanup library).
• Payagan pagpapakita ng mahabang pangalan ng file na walang mga puwang / salita break.
• Fix reset ng file stack para sa iba't ibang mga mode sa pag-upload (single, batch async at batch sync).
• Mag-upload ng progreso pagpapahusay bar estilo.

Ano ang bago sa bersyon 4.2.0:

• Pagpapahusay:
• Custom tags suporta para layoutTemplates at previewTemplates (new properties customLayoutTags at customPreviewTags kasama).
• New filebatchselected kaganapan trigger pagkatapos ng bawat batch ng mga file ay pinili.
• Bagong mas mabilis replaceAll paraan sa halip ng pag-parse ng regexp upang palitan tag sa mga template.
• Pagbutihin error handler para sa tigil FileReader security eksepsiyon at bagong ari-arian msgFileSecured ay magpapakita ng security exception mensahe.
• Code cleanup at restructure para JS lint pagbabago (gamit JSHint Code cleanup library).
• Payagan pagpapakita ng mahabang pangalan ng file na walang mga puwang / salita break.
• Fix reset ng file stack para sa iba't ibang mga mode sa pag-upload (single, batch async at batch sync).
• Mag-upload ng progreso pagpapahusay bar estilo.

Ano ang bago sa bersyon 4.1.8:

• Pagpapahusay:
• Custom tags suporta para layoutTemplates at previewTemplates (new properties customLayoutTags at customPreviewTags kasama).
• New filebatchselected kaganapan trigger pagkatapos ng bawat batch ng mga file ay pinili.
• Bagong mas mabilis replaceAll paraan sa halip ng pag-parse ng regexp upang palitan tag sa mga template.
• Pagbutihin error handler para sa tigil FileReader security eksepsiyon at bagong ari-arian msgFileSecured ay magpapakita ng security exception mensahe.
• Code cleanup at restructure para JS lint pagbabago (gamit JSHint Code cleanup library).
• Payagan pagpapakita ng mahabang pangalan ng file na walang mga puwang / salita break.
• Fix reset ng file stack para sa iba't ibang mga mode sa pag-upload (single, batch async at batch sync).
• Mag-upload ng progreso pagpapahusay bar estilo.

Ano ang bago sa bersyon 4.1.7:

• Pagpapahusay:
• Custom tags suporta para layoutTemplates at previewTemplates (new properties customLayoutTags at customPreviewTags kasama).
• New filebatchselected kaganapan trigger pagkatapos ng bawat batch ng mga file ay pinili.
• Bagong mas mabilis replaceAll paraan sa halip ng pag-parse ng regexp upang palitan tag sa mga template.
• Pagbutihin error handler para sa tigil FileReader security eksepsiyon at bagong ari-arian msgFileSecured ay magpapakita ng security exception mensahe.
• Code cleanup at restructure para JS lint pagbabago (gamit JSHint Code cleanup library).
• Payagan pagpapakita ng mahabang pangalan ng file na walang mga puwang / salita break.
• Fix reset ng file stack para sa iba't ibang mga mode sa pag-upload (single, batch async at batch sync).
• Mag-upload ng progreso pagpapahusay bar estilo.

Ano ang bago sa bersyon 4.0.0:

• Magdagdag-andar para sa AJAX batay UPLOAD gamit HTML5 FormData ( pinaka-modernong mga browser ay sinusuportahan ito). Ay pababain ang sarili sa normal Form Batay File submission kung ito ay hindi suportado.
• Upang gamitin AJAX Upload, ang uploadUrl ari-arian ay sapilitan at dapat itakda.
• Pagandahin plugin upang ngayon payagan file na idinagdag, na nakadugtong, inalis (batay sa feedback mula sa maraming mga). Kaya maaari isa ikabit file sa preview.
• New DRAG & DROP zone magagamit sa preview upang i-drag and drop ang mga file at ikabit.
• Tanggalin o i-upload ang mga file nang paisa-isa O sa batch.
• Kung showPreview nakatakda sa false, o uploadUrl ay hindi suportado plugin ay pababain ang sarili sa normal form na batay sa pag-upload.
• Maaaring i-configure mga tagapagpabatid para sa file naghihintay upload, file matagumpay upload, mga file errored sa pag-upload.
• Kakayahang upang magdagdag ng dagdag na data sa form na may ajax batay upload.
• Mag-upload progress bar at mga indibidwal na thumbnail upload tagapagpabatid.
• Kakayahang upang kanselahin at i-abort patuloy uploads AJAX.
• Mga template ay revamped at pinahusay na para sa bawat uri ng file.

Ano ang bago sa bersyon 3.0.0:

• Pinahusay pindutan ng upload para huwag paganahin / paganahin kapag ginamit sa & # x3c; a & # x3e; tag.
• I-refresh preview upang ipakita error tama pagkatapos ng bawat file ay napatotohanan na.
• Nagdagdag ng kakayahan upang i-override ang slug paraan na may isang slugCallback ari-arian.

Ano ang bago sa bersyon 2.7.0:.

• I-set release na matatag sa composer.json

Ano ang bago sa bersyon 2.6.0:

• Pagandahin plugin upang i-configure ang `elErrorContainer` para sa pagpapakita error sa pagpapatunay.
• Templatize errorContainer para sa display sa loob ng window preview.
• Higit tamang fix para sa IE (ver & # x3c; 11). Kawalan ng kakayahan upang i-clear halaga fileinput

Ano ang bago sa bersyon 2.4.0:

• Plugin ay revamped upang bumuo preview katalinuhan batay sa iba't-ibang mga uri ng file preview. Ang inbuilt uri support file ay ikinategorya bilang imahe, teksto, html, video, audio, flash, bagay, at iba pa.
• allowedPreviewTypes: Maaari mo na ngayong i-configure kung saan ang lahat mga uri ng file ay pinahihintulutan na ipinapakita bilang isang preview. Ito ang mga default upang [ 'image', 'html', 'text', 'video', 'audio', 'flash', 'object']. Kaya lahat ng mga uri ng file ay itinuturing bilang isang bagay upang i-preview sa pamamagitan ng default. Para exampleTo preview lamang imahe at video, maaari mong itakda ito sa [ 'image', 'video'].
• allowedPreviewMimeTypes: Bilang karagdagan sa allowedPreviewTypes, maaari mo ring kontrolin kung aling mga lahat ng mga uri ng panggagaya ay maaaring ipakita para sa preview. Ito nagde-default sa null, ibig sabihin lahat ng uri mime ay suportado.
• layoutTemplates: Pinapayagan kang i-configure ang lahat ng mga setting ng layout template sa loob ng isang ari-arian. Ang layout ng mga bagay na maaaring i-configure ay: main1, main2, preview, caption, at modal
.
• previewTemplates: Lahat ng mga template preview para sa bawat uri preview ay pinagsama sa isang ari-arian, sa halip ng hiwalay na mga template para sa imahe, teksto at iba pa Ang mga susi ay ang mga format tulad ng itinakda sa allowedPreviewTypes at mga halaga ay ang mga template na ginagamit para sa pag-preview. May mga default prebuilt mga template para sa bawat uri preview file (generic, imahe, teksto, html, video, audio, flash, bagay, at iba pang mga). Ang generic template ay ginagamit lamang para sa pagpapakita initialPreview nilalaman gamit direct markup.

Ano ang bago sa bersyon 2.2.0:.

• I-update readAsBinaryString sa readAsArrayBuffer

Ano ang bago sa bersyon 2.0.0:

• Bagong kaganapan plugin Idinagdag: fileerror, fileloaded, filecleared .
• Bagong pamamaraan plugin Idinagdag: huwag paganahin, paganahin
• Pinahusay configurable mga template para sa pag-preview ng imahe, teksto, at iba pang mga file (at isang generic template).
• Gumawa caption text configurable pamamagitan ng isang bagong parameter msgSelected.
• Tamang pagkalkula ng mga file ang pinili kapag initPreview ay hindi totoo.
• Awtomatikong imahe scale para sa preview, kapag ang mga imahe ay masyadong malawak upang magkasya sa lalagyan.

Ano ang bago sa bersyon 1.8.0:

• Pinahusay caption template at estilo para sa mga caption upang maiwasan overflow ng mahabang pangalan ng file sa labas ng caption lalagyan.

Ano ang bago sa bersyon 1.7.0:

• Ang plugin ay nag-aalok ngayon ng isang karagdagang overwriteInitial option <. / li>

Ano ang bago sa bersyon 1.6.0:

• Ang plugin ay nag-aalok ngayon ng isang karagdagang refresh method. Pinapayagan ka nito na dynamic na baguhin katangian elemento o mga pagpipilian sa plugin sa runtime at i-refresh ang widget.

Kinakailangan

• JavaScript pinagana sa client side
• jQuery 1.9 o mas mataas
• Bootstrap 3 o mas mataas