PHP does not allow images to be uploaded together with data (no longer uploading images before uploading data)

Use jq Realization function
html Make a button style you like , And make one input file As the upload object
Bloggers use layui Upload button style Give buttons and input Add the last id

		<div class="layui-input-block">
                <button type="button" class="layui-btn layui-btn-primary" id="sys_logo">
                    <i class="layui-icon">&#xe67c;</i> To upload pictures 
                </button>
                <input id="sys_logo_file" type="file" style="display: none;" name="sys_logo" value="{if !empty($applyinfo)}{$applyinfo['sys_logo']}{/if}" />
         </div>
         <img src="" id="slImg" />
            

jq Code

		// Trigger upload event 
		$('#sys_logo').click(function(){
    
            return $('#sys_logo_file').click();
        });
		
		// monitor input Change events   After uploading, process the picture into base64 To preview 
        $('#sys_logo_file').on('change', function (e) {
    
            var reader = new FileReader()
            reader.readAsDataURL( e.currentTarget.files[0])
            //  obtain base64
            reader.onload = function() {
    
                $('#slImg').attr('src',reader.result)
            }
        })

That's it