A brief discussion on the upload control problem in layui

Many times, the upload function is required in the project, so let’s study it now.

First, introduce the Layui package on the html page, such as:

<link rel="stylesheet" href="map/plug-in/scripts/layui/css/" rel="external nofollow" />

<script type="text/javascript" src="map/plug-in/scripts/layui/lay/dest/" ></script>

Then write on the html page:

<div class="layui-form-item query_inp query_inp2">
<div class="layui-input-inline">
 <input type="file" name="file（queryUpload）" class="layui-upload-file layui-upload-file_chaxun">
</div>
</div>

Then render it in the js file:

({
 elem: '.layui-upload-file_chaxun',
 url: ''
 ,title: 'Please uploadTXTdocument'
 ,ext: 'txt' //Then, uploading of these three formats will only be supported.  Note that it is divided by | ,success: function(res,input){
 }
 });

It should be noted here that if you have multiple upload controls, you should rename one in the class and use the elem property to determine the corresponding upload control to do the corresponding things.

The above brief discussion on the upload control issues in Layui is all the content I have shared with you. I hope you can give you a reference and I hope you can support me more.