PHP+webupload實(shí)現(xiàn)身份證正面反面圖片上傳實(shí)例，其實(shí)原理很簡(jiǎn)單，就是固定上傳兩張圖片，具體看下面的源代碼

自定義兩個(gè)上傳按鈕

<div class="upload-image-list clearfix"> <div class="fileinput-button js-add-image"onclick="addWebuploadCurrent($(this))"> <span class="cover_words">正面</span> <div class="webuploader-pick"> <a class="fileinput-button-icon" href="javascript:;"></a> </div> </div> <div class="fileinput-button js-add-image"onclick="addWebuploadCurrent($(this))" style="float:right"> <span class="cover_words">反面</span> <div class="webuploader-pick"> <a class="fileinput-button-icon" href="javascript:;"></a> </div> </div> </div>

webuploader多文件自定義上傳

function webupload_pic() { var maxsize = 5000; $.getScript("./Public/js/plugins/webuploader/webuploader.js", function() { if (!WebUploader.Uploader.support()) { alert('您的瀏覽器不支持上傳功能！如果你使用的是IE瀏覽器，請(qǐng)嘗試升級(jí) flash 播放器'); } var uploader = WebUploader.create({ multiple: false, auto: true, swf: "./Public/js/plugins/webuploader/Uploader.swf", server: "ajax.php", pick: { id: '.js-add-image', innerHTML: '' }, accept: { title: 'Images', extensions: 'gif,jpg,jpeg,png', mimeTypes: 'image/*' }, fileSingleSizeLimit: maxsize * 1024 * 1024, duplicate: true, formData: { code: 'identity', } }); //上傳時(shí) uploader.on('fileQueued', function(file) { var item_progress = "<div class='progress' id='" + file['id'] + "'><span class='bar'></span><span class='percent'>0%</span></div></li>"; $(".webupload_current").prepend(item_progress); }); //上傳中 uploader.on('uploadProgress', function(file, percentage) { var percent = parseFloat(percentage * 100); $("#" + file.id).find('.bar').css({"width": percent + "%"}); $("#" + file.id).find(".percent").text(percent + "%"); }); uploader.on('uploadBeforeSend', function(block, data) { data.maxsize = maxsize; }); //上傳成功后 uploader.on('uploadSuccess', function(file, response) { $("#" + file.id).remove(); $(".webupload_current").prepend("<img class='img_common' src=" + "./" + response.pic + " data-pic=" + response.pic + " alt='***照片'/>") }); uploader.on('uploadError', function(file, reason) { alert("上傳失敗！請(qǐng)重試。"); }); }); }

webuploader傳參數(shù)

formData: { code: 'identity', }

本實(shí)例下載：https://www.sucaihuo.com/php/954.html

總結(jié)

以上是生活随笔為你收集整理的PHP+webupload身份证正面反面图片上传实例的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。