$(function(){ $(document).ready(function () { $('#uploadButton').click(function () { $('#imagePic').click(); }); $("#imagePic").on("change", function (e) { var file = e.target.files[0]; //获取图片资源 var fileTypes = ["bmp", "jpg", "png", "jpeg"]; var bTypeMatch = false for (var i = 0; i < fileTypes.length; i++) { var start = file.name.lastIndexOf("."); var fileType = file.name.substring(start + 1); if (fileType.toLowerCase() == fileTypes[i]) { bTypeMatch = true; break; } } if (bTypeMatch) { if (file.size <= 1024 * 1024 * 10) { var reader = new FileReader(); reader.readAsDataURL(file); // 读取文件 // 渲染文件 reader.onload = function (arg) { $("#uploadButtonInput").val(arg.target.result); $("#uploadButton").css("background", "url("+arg.target.result+") no-repeat center") $("#uploadButton").css("border", '1px solid #b8b9ba') $("#uploadButton").css("border-radius",'10px') } } else { alert('仅支持不超过10M的图片'); // btnUploadText = '上传' // $("#uploadButton").text(btnUploadText) return false; } } else { alert('仅限bmp,jpg,png,jpeg图片格式'); // btnUploadText = '上传' // $("#uploadButton").text(btnUploadText) return false; } }); }) //---------初始化数据部分----------- var contact_number_list=["+86","+87","+88"] var location=[{ icon:"🇨🇳", name:"China" },{ icon:"🇺🇸", name:"USA" },{ icon:"🇪🇸", name:"Spain" } ] var province=["aaa","bbb","ccc"] var city=["aaa1","bbb2","ccc3"] //---------初始化数据部分end----------- //页面初始化 contact_number_list.forEach(item=>{ var li=$("") $(".showqulist").append(li) }) location.forEach(item=>{ var li=$("") $(".showlistLocation2").append(li) }) city.forEach(item=>{ //var li=$("