bs-custom-file-input icon indicating copy to clipboard operation
bs-custom-file-input copied to clipboard

Where the file name appears

Open ZhangChengLin opened this issue 4 years ago • 4 comments

<div class="custom-file">
  <input class="custom-file-input qrcode" id="qrcode" type="file">
  <label class="custom-file-label" for="qrcode" data-browse="提交">
    qrcode<i class="ml-1 fas fa-qrcode">no this upload file name,file name is at label.innerHTML</i>
  </label>
</div>

bootstrap 4.4.1

The file name should be blank for all elements under the label element.

ZhangChengLin avatar Feb 16 '20 15:02 ZhangChengLin

Hi @zhangchenglin,

I don't understand what's your issue 😟 Can you add a live example please ?

Johann-S avatar Feb 26 '20 13:02 Johann-S

Hi @zhangchenglin,

I don't understand what's your issue Can you add a live example please ?

He must be asking about filenames which are not being shown when you select the file from file browser.

@zhangchenglin, You need to add the js file and then initialize it as follows:

bsCustomFileInput.init();

assadnazar avatar Mar 22 '20 19:03 assadnazar

I was having this problem too when linking to the external CDN file with ad blockers installed. I solved it by installing the packages locally.

rdetert avatar Apr 07 '20 10:04 rdetert

Is this issue resolved? I've tried it and the file name does not show too

AizenSousuke avatar Jul 20 '22 08:07 AizenSousuke