Input type= "file" needs to be checked on the interface before the file is uploaded, and the file box can be opened only when the check is passed, otherwise a prompt is given.

clipboard.png

for example, before uploading a file, the name of the inspection form on the interface must be filled in. If it is empty, give a prompt. The pop-up box for the selected file will open only if you click Select File after filling in the value.

<div slot="footer" class="dialog-footer">
   <el-button class="file-cancel-btn" @click="showImportContent = false" size="mini" style=""> </el-button>
     <a href="javascript:;" class="a-upload" @click="checkBeforeImport">
        <input id="upload" type="file" @change="importfxx(this)"  accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />
     </a>
</div>

at present, the prompt to prohibit non-empty has popped up, but the pop-up window of the file has also popped up and has not been stopped.

Dec.22,2021

Let the Select File disable, meet the criteria before the event can be triggered.


preventDefault


put a mask layer on it, remove it if the condition is met, and let it cover if you are not satisfied. Or the click that captures the parent element blocks the default event.

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b31289-2bd67.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b31289-2bd67.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?