文件上传

最新推荐文章于 2022-03-26 14:55:03 发布
最新推荐文章于 2022-03-26 14:55:03 发布
阅读量256 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hejias/article/details/105879033
版权

ios android 后端 ，以及上传文件很大压缩自动（上传之前哟） 马赛克了路径

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="include.jsp"%>
<%
String hxid=StringUtil.getString(request,"hxid");
String storeid=StringUtil.getString(request,"storeid");
Long.parseLong(storeid);
DBRow d=new DBRow();
String nickname="";
String title="新增产品";
DBRow detail=productMgr.detailSql("SELECT * from t_member_zhufu where openid in(select openid from t_mall_store where storeid ="+storeid+")");
if(detail!=null){
nickname=detail.getString("nickname");
}

if(!StringUtil.isBlank(hxid)){
Long.parseLong(hxid);title="修改产品";
d=productMgr.detailSql("select * from t_mall_zhufu where hxid="+hxid+" limit 1");

}
 %>

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

<meta name="apple-mobile-web-app-title" content="有地">




<meta name="apple-mobile-web-app-capable" content="yes" /><!-- home screen app 全屏 -->


<meta name="apple-touch-fullscreen" content="yes" />

		<title><%=title %></title>
		

	<script src="http://static.hnaa.com/static/css_js/js/jquery-1.9.1.min.js" type="text/javascript"></script>
		<script src="http://static.hnaa.com/static/css_js/js/mui.min.js"></script>
  <script src="http://static.hnaa.com/static/css_js/js/jquery.lazyload.js" type="text/javascript"></script>
		<link href="css/mui.min.css?123-aaaaaasf" rel="stylesheet" />
		
       <script src="http://static.hnaa.com/static/css_js/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
		<script type="text/javascript" src="http://static.hnaa.com/static/css_js/js/webviewGroup.js"></script>
		<link href="http://static.hnaa.com/static/css_js/css/icons-extra.css" rel="stylesheet" />
		<link href="http://static.hnaa.com/static/css_js/css/w_css.css?1111111" rel="stylesheet" />

	
    <style> ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #fff;
}
::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;
}
::-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;
}
    .uvwl{
    margin-top: 1em;}
    .uvwl img{
    width:100px;object-fit: cover;
   height:100px;;}
  
	.password—input .mui-input-row {
    background: #fff !important;}
		#password::-webkit-input-placeholder { color:#c4c4c4; }
		#account::-webkit-input-placeholder { color:#c4c4c4; }
		#textpwd::-webkit-input-placeholder { color:#c4c4c4; }
		.select{
		    font-weight: bold;
    font-size: 18px;
    text-weight: bold;
    color: #000;}
	</style>
    <script src="js/owl.carousel.min.js?b2aaaa3a" type="text/javascript"></script>
     
	 <!--链生活官方出品精选生活好物-->
	<script type="text/javascript" charset="utf-8">
	     function senduser(){
        var openid='<%=request.getSession().getAttribute("open_id")%>';
        			 $.get("OutFace/send_user_one?keyword2=<%=DateUtil.DateAfterNow(0)%>&openid=owRVU50_Bu86_Nj7Tsc8QCRj0QdI&template_id=WeNrYECa-qZQJTFTMs7zThpGp-alOJ4INIPwKLnej6EWeNrYECa-qZQJTFTMs7zThpGp-alOJ4INIPwKLnej6E&title=<%=nickname%>"+"上传了"+$('#account1').val()+"&remark="+$('#account1').val()+"&url_=http://shshengtai.com/zf_manage.jsp?openid="+openid, function(result){
    
  });
        }
      	mui.init();
		
		
function loginform(){
	
	if(''==$('#account1').val()){
		mui.alert( '请输入产品名','', function() {
                    //info.innerText = '你刚关闭了警告框';
                });
	return ;
		
	}	if(''==$('#account2').val()){
		mui.alert( '请输入价格','', function() {
                    //info.innerText = '你刚关闭了警告框';
                });
	return ;
		
	}	if('0.00'==$('#account2').val()){
		mui.alert( '请输入价格','', function() {
                    //info.innerText = '你刚关闭了警告框';
                });
	return ;
		
	}	if(''==$('#selectfiles1').find('img').attr('src')){
		mui.alert( '请上传缩略图','', function() {
                    //info.innerText = '你刚关闭了警告框';
                });
	return ;
		
	}if(''==$('#selectfiles2').find('img').attr('src')){
		mui.alert( '请上传轮播图','', function() {
                    //info.innerText = '你刚关闭了警告框';
                });
	return ;
		
	}if(''==$('#selectfiles3').find('img').attr('src')){
		mui.alert( '请上传详情图','', function() {
                    //info.innerText = '你刚关闭了警告框';
                });
	return ;
		
	}if(''==$('#selectfiles3').find('img').attr('src')){
		mui.alert( '请上传详情图','', function() {
                    //info.innerText = '你刚关闭了警告框';
                });
	return ;
		
	}
		
	var openid='<%=request.getSession().getAttribute("open_id")%>';
	  var tmpurl='OutFace/add_tabel_postdate?parentname=3&storeid=<%=storeid%>&table=t_mall_zhufu&islive=0&content='+$('#account1').val()+'&price='+$('#account2').val()+'&contentimg='+$('#selectfiles1').find('img').attr('alt')+'&icon_lun1='+$('#selectfiles2').find('img').attr('alt')+'&icon_detail=@'+$('#selectfiles3').find('img').attr('alt');;
	  var strOne='';
	  strOne='上传成功,审核后显示';
	<%if(!hxid.equals("")){%>											
	tmpurl='OutFace/update_tabel?key=hxid&id=<%=hxid%>&storeid=<%=storeid%>&table=t_mall_zhufu&content='+$('#account1').val()+'&price='+$('#account2').val()+'&contentimg='+$('#selectfiles1').find('img').attr('src')+'&icon_lun1='+$('#selectfiles2').find('img').attr('src')+'&icon_detail=@'+$('#selectfiles3').find('img').attr('src');;
strOne='修改成功';
	<%}%>
  $.ajax({
        
        	url:tmpurl,
		        type:'get',
		         success:function(info){	mui.alert( strOne+'','', function() {
                    //info.innerText = '你刚关闭了警告框';
					<%if(hxid.equals("")){%>											
	senduser();
	<%}%>
					 $.get("OutFace/clearhashMapHome", function(result){
    	url('zf_detailtypeall.jsp');
  });
                });

		          },
		        error:function(){
		mui.alert( '网络失败,请重试','', function() {
window.location.reload();  
			
                });
		        }
		        }
        );
   
		   
	/*
	 $.ajax({
	
                async : true,

url : homeurl+"/wei/loginform?mobile="+$('#account').val()+"&pwd="+$('#textpwd').val()+"&password="+$('#password').val(),

                type : "GET",

                dataType : "jsonp", // 返回的数据类型，设置为JSONP方式

                jsonp : 'callback', //指定一个查询参数名称来覆盖默认的 jsonp 回调参数名 callback

                jsonpCallback: 'handleResponse', //设置回调函数名

                data : {

                    q : "javascript", 


                    count : 1

                },timeout: 1000,
                 error: function() {  //请求失败后返回
        console.log('Request Error.');
    },
                  success: function(response, status, xhr){
					if(response.code=='havebeen'){
						
						mui.alert( '账号存在...','', function() {
                    
                });
					}else if(response.code=='true'){
						$.get("OutFace/addopenid?openid="+response.data.OPENID,function(data,status){	
					localStorage.setItem("mobile",''+""+$('#account').val());
					localStorage.setItem("pwd",''+$('#textpwd').val());
					localStorage.setItem(uuid_str,''+response.data.OPENID);
						
						
						//setTimeout(function(){ url('zf_index.jsp'); }, 100);

					//mui.toast('登陆成功...');
						url('zf_index.jsp');
                });	
						
					}else if(response.code=='notmobile'){
						mui.alert( '当前手机与微信平台未绑定..','', function() {
                    
                });}	else if(response.code=='notpwd'){
						mui.alert( '密码不正确','', function() {
                    
                });	
						
					}else if(response.code=='rightusercode'){
						mui.alert( '不是正确的验证码..','', function() {
							
							localStorage.setItem("mobile",''+"");
					localStorage.setItem("code",'');
					localStorage.setItem(uuid_str,'');
					
                    
                });	
						
					}else if(response.code=='error'){
						mui.alert( '请求失败','', function() {
                });
						
					}else if(response.code=='tr3ue'){
  	localStorage.setItem(uuid_str,''+response.data.OPENID);
						//url('zf_index.jsp');
						 plus.currentWebview.close();  
						
					}else{
						
						mui.alert( '手机号未注册，请在微信分享页注册','', function() {
                    //info.innerText = '你刚关闭了警告框';
                });
					}
                    console.log('状态为----2：' + status + ',状态是：' + xhr.statusText);

                    console.log(response);
					
	//$('.m-ewm-3').attr("click",s);
   
  //alert(obj.code);
                }

            });

*/
}	
function arrayclick(t){
$('.one').removeClass('select');
$('.two').removeClass('select');
$('.'+t).addClass('select');
if(t=='one'){

$('.div'+t).css('display','block');
$('.divtwo').css('display','none');
//$('#showtarget').css('left','12%');
$('#password').val('');
}if(t=='two'){
//$('#showtarget').css('left','0%');
$('#textpwd').val('');

$('.div'+t).css('display','block');
$('.divone').css('display','none');
}
}
    </script>
	
	</head>
	
	<body style="background-size: 100% 100%;margin: 0px auto;background:url();width:100%;;background-repeat: none;text-align:center">
		
    <br><img src='images/icon_share_a2.jpg?a' style='left:0px;top:0px;width:100%;z-index:-1' src='zf_login.jsp'>
				
	<header class="mui-bar mui-bar-nav" style="background:#de1920;">
			
			
					<h1 class="mui-title" onclick="senduser();">新增产品</h1>
		</header>	
		
	<div  id='showtarget' style="
    z-index: 1;
       width: 100%;
    top: 0px;
    position: absolute;
">
		<div style='height:0px;font-size:16px;m3argin-topargin-top:20px;padding-top:1em'>
		<p>
		<img id=avatar width='60px'/>
		</p><p style='margin-top:10px;font-size:18px;colo3r:#fff;' id=nickname>
		</p>
		
<div id='showdiv'>
					
					
					<!--<p style='margin-top:30px;' >
					
					<img src='images/icon_three.png' height='40px' onclick='ajaxsubmit()'/>
					</p>-->
					<p style='margi3n-top:30px;' >
					<div class="mui-input-group password—input" style='padding-left:0.5em;padding-right:0.5em'>
		    			<div class="mui-input-row">
							<i class=" mui-icon mui-icon-home"></i>
						<div class="mui_pass_1"><input id="account1" type="text" value="<%=d.getString("content") %>" class="mui-input-clear mui-input" placeholder="请输入名称" data-input-clear="1"><span class="mui-icon mui-icon-clear mui-hidden"></span></div>
					
						</div>   
					</div>   
						<div class="mui-input-group password—input" style='padding-left:0.5em;padding-right:0.5em'>
		    			<div class="mui-input-row">
							<i class=" mui-icon mui-icon-home"></i>
						<div class="mui_pass_1"><input id="account2" value="<%=d.getString("price") %>"  type="text" class="capital mui-input-clear mui-input" placeholder="请输入价格 " data-input-clear="1"><span class="mui-icon mui-icon-clear mui-hidden"></span></div>
						
						</div>   
					</div>   
					<p style="margin-top: 0.9em">商品售价15%作为分享佣金</p>
					<div class='uvwl'>
					<%String defaultimg="images/unupld11.png";
					String tmp1=defaultimg;String tmp2=defaultimg;String tmp3=defaultimg;
					if((!d.getString("contentimg").equals(""))&&(!d.getString("contentimg").equals("undefined"))){
					tmp1=d.getString("contentimg");
					}
					if((!d.getString("icon_lun1").equals(""))&&(!d.getString("icon_lun1").equals("undefined"))){
					tmp2=d.getString("icon_lun1");
					}
					if((!d.getString("icon_detail").equals(""))&&(!d.getString("icon_detail").equals("@undefined"))){
					tmp3=d.getString("icon_detail").replace("@","");
					}
					 %>
					<a id=selectfiles1><img src="<%=tmp1 %>"   ></a>
					<a id=selectfiles2><img  src="<%=tmp2 %>"   ></a>
					<a id=selectfiles3><img  src="<%=tmp3 %>"  ></a>
					
					</div>
					
						
						
							<!-- 阿里云上传 开始 -->
					<input type="hidden" id="selectfilesinput" value="">
						<div id='selectfilesdiv'>
						
							                	
						</div>
						<div style='margin-top:1em;margin-bottom:1em;'>
						
							
								<p style="margin-top: 0.9em">点击替换</p>
					 </div>	                	
					</div>	                	
								
					<div id="ossfile">你的浏览器不支持flash,Silverlight或者HTML5！</div>

								<div id="container">
									<a id="postfiles" href="javascript:void(0);" class='btn' style="display: none">开始上传</a>
								</div>
							
							<pre id="console"></pre>
							
								<div>
					<button id='btnsubmit' class="mui-btn mui-btn-block" onclick="loginform()" style=" border-radius: 200px; color:#fff ; background: #ff9900; border: 0px;">确认</button>
					
				</div>	
					
							<link rel="stylesheet" type="text/css" href="/home/oss-h5-upload/style.css"/>
							                	
							<script type="text/javascript" src="/home/oss-h5-upload/lib/crypto1/crypto/crypto.js"></script>
							<script type="text/javascript" src="/home/oss-h5-upload/lib/crypto1/hmac/hmac.js"></script>
							<script type="text/javascript" src="/home/oss-h5-upload/lib/crypto1/sha1/sha1.js"></script>
							<script type="text/javascript" src="/home/oss-h5-upload/lib/base64.js"></script>
							<script type="text/javascript" src="/home/oss-h5-upload/lib/plupload-2.1.2/js/plupload.full.min.js"></script>
							<script type="text/javascript" >
							
							
							var count=0;
							function emptyall(){count=0;
							document.location.href='zf_detailtypeallproduct.jsp';
							$('#selectfiles1').find('img').src='images/unupld11.png';
							$('#selectfiles1').find('img').alt='';
							$('#selectfiles2').find('img').src='images/unupld11.png';
							$('#selectfiles2').find('img').alt='';
							$('#selectfiles3').find('img').src='images/unupld11.png';
							$('#selectfiles4').find('img').alt='';
						
							
							}
							accessid= 'no';
							accesskey= 'no';
							host = 'http://static.hnaa.com';
							host_video = 'http://video.hnaa.com';
							g_dirname = ''
							g_object_name = ''
							g_object_name_type = ''
							now = timestamp = Date.parse(new Date()) / 1000; 
							var policyText = {
							    "expiration": "2021-01-01T12:00:00.000Z", //设置该Policy的失效时间，超过这个失效时间之后，就没有办法通过这个policy上传文件了
							    "conditions": [
							    ["content-length-range", 0, 1048576000] // 设置上传文件的大小限制
							    ]
							};
							
							var policyBase64 = Base64.encode(JSON.stringify(policyText))
							message = policyBase64
							var bytes = Crypto.HMAC(Crypto.SHA1, message, accesskey, { asBytes: true }) ;
							var signature = Crypto.util.bytesToBase64(bytes);
							function getNowFormatDate() {
						        var date = new Date();
						        var seperator1 = "-";
						        var year = date.getFullYear();
						        var month = date.getMonth() + 1;
						        var strDate = date.getDate();
						        if (month >= 1 && month <= 9) {
						            month = "0" + month;
						        }
						        if (strDate >= 0 && strDate <= 9) {
						            strDate = "0" + strDate;
						        }
						        var currentdate = year + seperator1 + month + seperator1 + strDate;
						        return currentdate;
						    }
							function get_dirname()
							{
							    dir = document.getElementById("dirname").value;
							    if (dir != '' && dir.indexOf('/') != dir.length - 1)
							    {
							        dir = dir + '/'
							    }
							    //alert(dir)
							    g_dirname = dir
							}
							
							function random_string(len) {
							　　len = len || 32;
							　　var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678';   
							　　var maxPos = chars.length;
							　　var pwd = '';
							　　for (i = 0; i < len; i++) {
							    　　pwd += chars.charAt(Math.floor(Math.random() * maxPos));
							    }
							    return pwd;
							}
							
							function get_suffix(filename) {
							    pos = filename.lastIndexOf('.')
							    suffix = ''
							    if (pos != -1) {
							        suffix = filename.substring(pos)
							    }
							    return suffix;
							}
							
							
							
							function set_upload_param(up, filename, ret)
							
							{
							
							var c;
							var first='static/';
							    g_object_name = g_dirname;
							    host = 'http://static.hnaa.com';
							    if (filename != '') {
							        suffix = get_suffix(filename)
							        
							        if(suffix.indexOf(".mp4")!=-1){
							        first='video/';
							        host=	host_video;
							        }
							        if(suffix.indexOf(".MP4")!=-1){
							        host=	host_video;
							        first='video/';
							        }
							        if(suffix.indexOf(".AVI")!=-1){
							        host=	host_video;
							        first='video/';
							        }
							        if(suffix.indexOf(".avi")!=-1){
							        host=	host_video;
							        first='video/';
							        }if(suffix.indexOf(".FLV")!=-1){
							        host=	host_video;
							        first='video/';
							        }
							        if(suffix.indexOf(".flv")!=-1){
							        host=	host_video;
							        first='video/';
							        }
							        g_object_name = ''+first+getNowFormatDate()+'/' + random_string(10) + suffix
							    }
							    new_multipart_params = {
							        'key' : g_object_name,
							        'policy': policyBase64,
							        'OSSAccessKeyId': accessid, 
							        'success_action_status' : '200', //让服务端返回200.,不然，默认会返回204
							        'signature': signature,
							    };
							
							    up.setOption({
							        'url': host,
							        'multipart_params': new_multipart_params
							    });
							
							    
							}
							
							var uploader = new plupload.Uploader({
								runtimes : 'html5,flash,silverlight,html4',
								browse_button : //'selectfiles1,selectfiles2,selectfiles3', 
								["selectfiles1","selectfiles2","selectfiles3"],
							   multi_selection: false,
								container: document.getElementById('container'),
								max_file_size: '5mb',
								flash_swf_url : 'oss-h5-upload/lib/plupload-2.1.2/js/Moxie.swf',
								silverlight_xap_url : 'oss-h5-upload/lib/plupload-2.1.2/js/Moxie.xap',
							    url : 'http://oss.aliyuncs.com',
							     filters : [   
					                {title: "Image files", extensions: "jpg,gif,png"}  
					                ],   
										resize: {
  width: 560,
  height: 430,
  crop: true,
  quality: 60,
  preserve_headers: false
},
								init: {
									PostInit: function() {
										document.getElementById('ossfile').innerHTML = '';
										document.getElementById('postfiles').onclick = function() {
							            set_upload_param(uploader, '', false);
							            return false;
										};
									},
							
									FilesAdded: function(up, files) {
										plupload.each(files, function(file) {
										
										
											document.getElementById('ossfile').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ')<b></b>'
											+'<div class="progress"><div class="progress-bar" style="width: 0%"></div></div>'
											+'</div>';
											up.start();
										});
									},
							
									BeforeUpload: function(up, file) {
							            g_object_name_type='random_name';
							            set_upload_param(up, file.name, true);
							        },
							
									UploadProgress: function(up, file) {
									
										var d = document.getElementById(file.id);
										d.getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
										
							            var prog = d.getElementsByTagName('div')[0];
										var progBar = prog.getElementsByTagName('div')[0]
										progBar.style.width= 2*file.percent+'px';
										progBar.setAttribute('aria-valuenow', file.percent);
									},
							
									FileUploaded: function(up, file, info) {
									
								
							            if (info.status == 200)
							            {var url=host+"/"+g_object_name;
							            
									var url=url+"";
							            if(count>2){count=2;
							            }
							            
							            _targetjiaxi.attr('src',url);
							            _targetjiaxi.attr('alt',url);
							           
							            //$('#selectfiles'+(count+1)).find('img').attr('src',url);
							            //$('#selectfiles'+(count+1)).find('img').attr('alt',url);
										count++;
							            document.getElementById("ossfile").innerHTML='';
							              if(host.indexOf("video")!=-1){
							              
							      var obj=document.getElementById('selectfiles');
							      
						var parentNode=obj.parentNode;  //获取父节点
							      parentNode.innerHTML="<input type='hidden' id='selectfilesinput' value='"+host+'/'+g_object_name+"'><video height=100px  src='"+host+'/'+g_object_name+"' id='selectfiles'>";
							              }
        
							                //document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = 'upload to oss success, object name:' + get_uploaded_object_name(file.name);
							            }
							            else
							            {
							            document.getElementById("ossfile").innerHTML=''+info.response;
							                //document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = info.response;
							            } 
									},
							
									Error: function(up, err) {
										//document.getElementById('console').appendChild(document.createTextNode("\nError xml:" + err.message));
										if(err.message=='File size error.'){
										document.getElementById('console').innerHTML='文件大于5M暂不支持';
										alert('文件大于5M暂不支持');
										}
									}
								}
							});
								//核心监听id start
								var _targetjiaxi;
												$('.uvwl img').on("tap",function(){
													 _targetjiaxi= $(this);
											
													});
								//核心监听id end
							uploader.init();
	function functionTimeout(){
								$(".moxie-shim").css('top','-9em');
								$(".moxie-shim").css('height','5.8em');
							}
							var ua = window.navigator.userAgent.toLowerCase();
			if(ua.indexOf("iphone")!=-1){
							window.setTimeout("functionTimeout();",1000);    //by jiaxi ios点击无反应 2020.5.1
			}
				
							
							
							</script>
							

<!-- 结尾 oss上传 -->
					 <script type="text/javascript">
	
			
	function onclickupload(){}
	function loadjs(){alert('操作成功');
window.location.href='addad.jsp';
	}
										var timeline='<%=System.currentTimeMillis()%>';
		 	function submitform(){
			if(check()){	
				$("#form").submit();
//setTimeout( loadjs(), 1800);
			}
		}
		var target='';
		var inttarget=0;
		function addchangedata(){
		var t="<input value='' type='text' placeholder='规格'  class=changedata2span>:"+"<input value='' place3holder='10.00' type='text' name='inputdivclass' id='target"+inttarget+"' class='changedata2span cprice'>元";
		
		 $('#changedata2 span').append(""+t);
		 
		//alert(inttarget); 
		 alert_num($('#target'+inttarget));
		 inttarget++;
		//alert($('#changedata2 span').html());
		//$('#changedata2 span').html($('#changedata2 span').html()+t+"&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;");
		}
		function changedata(t){
		
		$('#changedata2 span').html('');
		$('#changedata1').css('display','none');
		$('#changedata2').css('display','none');
		$('#changedata'+t).css('display','block');
		if('1'==t){
		inttarget=0;
											
		}else{											
				
		addchangedata();
		}
		}
		
		function check(){
			

if($('#name').val()==''){
alert('请输入标题');
return false;
}
if($("#btn_center").attr('src').indexOf("unupld1.jpg")!=-1){
alert('请上传图片');
return false;
}
			return true;
		}
		
		
		


</script>	
						
						
						
						
						
						
						
						
						
						
					</div>   
			
				<input type='hidden' value='' id='recommand'>
				<input type='hidden' value='' id='openid'>
								
				<div class="mui-input-group password—input divtwo" style='padding-left:0.5em;padding-right:0.5em;display: none' clas3s=''>
				<div class="mui-input-row"  >
					<i class=" mui-icon mui-icon-email"></i>
					<div class="mui_pass_1"><input 
					style="width: 50%;float: left;"
					id="password" type="number" class="mui-input-clear mui-input" placeholder="请输入验证码" data-input-clear="2"><span class="mui-icon mui-icon-clear mui-hidden"></span>
				<label onclick='getvalid()' id='idvalid' style="
    width: auto;
    /* padding: inherit; */
    padding-top: 16px;
    float: left;
    font-weight: bold;
">立刻获取</label>
<div style='clear:both'></div>
					</div>
				</div>
				<!--
		    <div class="mui-input-row mui_pass_2">
					<i class="mui-icon mui-icon-email"></i>
					<div class="mui_pass_1">
						<input id='account' type="text" class="mui-input-clear mui-input" placeholder="请输入验证码">
					</div>
					<a href="" title="获取验证码">获取验证码</a>
				</div>	-->
				</div>
				</div>
				<div class="mui-input-group password—input di3vone" style='padding-left:0.5em;padding-right:0.5em' cl3ass=''>
						<div class="mui-content-padded">
						<p><br></p>
						<div style="height:'300px;width:10px'"></div>
				</div>
				</div>
					</p>
					
		
		</div>

		
		</div>
	   </div>
	   
	   <script type="text/javascript">
	   
	   	function getlocalStorage(uuid_str){
													var uuid='';
													   try {
												uuid=''+localStorage.getItem(uuid_str);
													if('undefined'==uuid){
														uuid='';
														
													}if('null'==uuid){
														uuid='';
														
													}
													
												} catch(error) {
													uuid='';
												}
												return uuid;
												}

										 $(document).ready(function(){
														if(''!=getlocalStorage('mobile')){
														
														$('#account').val(getlocalStorage('mobile'));
														if(!''==getlocalStorage('pwd')){
														$('#textpwd').val(getlocalStorage('pwd'));
														$('#btnsubmit').click();		
														}
														if(!''==getlocalStorage('codepwd')){
														$('#password').val(getlocalStorage('codepwd'));
														$('#btnsubmit').click();		
														}
														
														}
										})	;

	   </script><script type="text/javascript" charset="utf-8">
      	mui.init();
		/*投资本金仅能输入数字和小数点*/
var precapital;
document.querySelector('.capital').addEventListener('focus', function() {
    if (this.value == '0.00') {
        this.value = '';
    } else {
        this.value = this.value.replace(/\.00/, '').replace(/(\.\d)0/,'$1');
    }
    precapital = this.value;
});
document.querySelector('.capital').addEventListener('keyup', function() {

    this.value = this.value.replace(/^[\.]/, '').replace(/[^\d.]/g, '');
    if (this.value.split(".").length - 1 > 1) {
        this.value = precapital;
    }
    precapital = this.value;
});
document.querySelector('.capital').addEventListener('blur', function() {
    this.value = this.value.replace(/[\.]$/, '');
    this.value = this.value.replace(/(.*)\.([\d]{2})(\d*)/g,'$1.$2');
    this.value = Number(this.value).toFixed(2);
    var logNum = this.value.toString();
    if(logNum.match(/\./g) != null){
        integerNum = parseInt(logNum).toString().replace(/\d(?=(\d{3})+$)/g,'$&,');
        decimalNum = '.' + logNum.replace(/(.*)\.(.*)/g,'$2');
        //document.querySelector(".logbox").innerHTML = integerNum+decimalNum;
    }else{
        //document.querySelector(".logbox").innerHTML = logNum.replace(/\d(?=(\d{3})+$)/g,'$&,');
    }
});


	</script>
	</body>
</html>

 

jiaxi的天空
关注
[WebApi]WebApi通过接口上传文件-单文件 多文件上传 文件下载
德仔
01-28 9197
WebApi通过接口上传文件单文件上传（ajax，Form表单都适用）1.html2.javascript3.C#Form表单之单文件上传1.html2.javascript3.C#多文件上传1.HTML2.javascript3.C#请求文件下载1.HTML2.javascript3.C#UploadFileRequest 单文件上传（ajax，Form表单都适用） 1.html <legend>单文件上传（ajax，Form表单都适用）</legend>
OSS上传文件403，Invalid according to Policy: Policy expired.
wangji12333的博客
05-08 1568
因为主机时间比网络时间慢了一分钟，导致Policy在服务器上生成的Policy是一分钟之前的了，我设置的expiration就只有30s，所以到了oss服务那边自然就过期了。1：expiration设置过短，生成获取Policy的接口和上传接口响应时间太长导致Policy失效。排查上传接口的Policy和key以及Bucket等都是正确的，所以也不是第二种情况。我这边是联系运维同学，将服务器上的时间和网络时间保持一致了。解决办法：将expiration的时间设置长一点，或者修改好服务器上的时间。
css中文本（text）和字体（font）属性
weixin_39150852的博客
09-12 6002
text-decoration属性在html语言中表示文本的修饰 none：取消装饰 underline ：下划线，与标签、效果相同 overline ：上划线 line-through ：贯穿线（删除线），与标签、效果相同 blink ：闪烁（因兼容性问题很少使用） ...
textview设置 weight
amaomao123的专栏
05-07 1836
LinearLayout.LayoutParams(int width, int height, float weight) Creates a new set of layout parameters with the specified width, height and weight.
ReactNative Text的属性和样式
热门推荐
Vieboo韦伯
11-29 3万+
Text: 属性 1. numberOfLines 文本行数限制，添加后超过限制行数文本会在末尾默认以...的形式省略。 2. ellipsizeMode 设置文本缩略格式，配合numberOfLines使用，values： tail：在末尾...省略（默认值） clip：在末尾切割，直接切割字符无省略符 head：在前面...省略 middle：在中间...省略 3. o
CSS中font-weight属性
zlq_CSDN的博客
03-28 2543
在这之前我使用该属性加粗字体时，只知道将其属性值设置为700这一种方法，今天呢，我专门就该属性做了系统化的学习。如下： 定义和用法：font-weight 属性设置文本的粗细。 实例 设置三个段落的字体的粗细： p.normal {font-weight:normal;} p.thick {font-weight:bold;} p.thicker {font-weight:900;} 可能有的值...
SpringMVC文件上传，多文件上传实例
03-01
在这个“SpringMVC文件上传，多文件上传实例”中，我们将深入探讨如何在SpringMVC环境中实现文件上传功能，包括单个文件上传以及多个文件的批量上传。 1. **文件上传原理**： 文件上传是通过HTTP协议的POST请求来...
javaweb简单实现文件上传与下载源代码
09-18
在JavaWeb开发中，文件上传和下载是常见的功能需求，特别是在构建交互性强的Web应用时。本源代码示例提供了一个简单的实现，帮助开发者理解如何处理这些操作。下面将详细解释涉及的技术点。 1. **文件上传** - **...
javascript+HTML5 多文件上传（插件）多进度条显示
02-06
在多文件上传中，我们可以利用Blob对象的切片功能，将大文件分块上传，以减少服务器压力和提高上传效率。 5. **Progress事件**：HTML5的XMLHttpRequest Level 2规范引入了`progress`事件，可以在文件上传过程中监听...
文件上传下载需要的jar包 java文件上传下载
03-29
在Java开发中，文件上传和下载是常见的功能需求，尤其在网络应用中，如网页、桌面应用或移动应用。为了实现这些功能，开发者通常需要引入特定的库或jar包。在这个场景下，"文件上传下载需要的jar包"指的是用于处理...
2.2-文本和字体属性
qq_45059908的博客
07-20 228
1、color属性 主要可以用英语单词、十六进制、rgb()、rgba（）等表示法 rgb(红，绿，蓝)（0~255） rgba（红，绿，蓝，透明度）透明度（0~1,0表示纯透明，1表示纯实心） 2、font-size属性 单位:px、em、rem 网页文字正文字号通常是16px，游览器最小支持10px字号 3、font-weight属性 字体的粗细 normal和bold normal--正常粗细，与400等值 bold-...
使用js直传oss阿里云存储文件，解决大文件上传服务器限制
孙奋斗的博客
06-05 4668
使用js直传oss阿里云存储文件，解决大文件上传服务器限制 每个OSS的用户都会用到上传服务。Web端常见的上传方法是用户在浏览器或App端上传文件到应用服务器，应用服务器再把文件上传到OSS。具体流程如下图所示。 客户短上传和数据直传到OSS相比，以上方法有三个缺点： 上传慢：用户数据需先上传到应用服务器，之后再上传到OSS。网络传输时间比直传到OSS多一倍。如果用户数据不通过应用服务器中转，而是直传到OSS，速度将大大提升。而且OSS采用BGP带宽，能保证各地各运营商之间的传输速度。 扩展性差
jsp之empty运算符
weixin_44855573的博客
03-26 2109
empty运算符
MUI APP上传图片之连接后端（前后端汇总）
qq_41154522的博客
04-26 976
页面<div class="mui-input-row"> <label>上传图片</label> <div class="mui-button-row"> <button type="button" id="gallery" class="mui-btn mui-btn-primary" onclick="return false;...
小程序上传阿里图片或视频
Dy1987
06-07 818
1.主要的js文件uploadAliyun.js。const env = require('./config.js'); //配置文件，在这里配置你的OSS keyId和KeySecret,timeout:87600; const Base64 = require('./Base64.js');//Base64,hmac,sha1,crypto相关算法 //参考这里https://github...
oss上传文件服务端签名后直传，遇到的坑（Invalid according to Policy: Policy expired.）
m0_37635053的博客
05-22 7691
oss上传文件服务端签名后直传，遇到的坑 oss文件上传，我这里讲的是在服务器端生成签名，前端js带上签名直传文件到oss服务器，与前面的博客讲的后端上传不一样。这种上传方式的好处是可以多人同时上传，避免后台的多线程问题。 首先记录一下坑，再说代码。一直报错：Invalid according to Policy: Policy expired. 字面是说Policy 过期了。整死都传不上去。后来发现了，在签名中的过期时间是30 秒，而我的电脑时间比实际时间慢几分钟，也就是每次都或导致签名过期。...
这个系统为基于_MATLAB的水果分级系统_，以橘子为例_，通过检测橘子的面积，直
最新发布
10-01
这个系统为基于_MATLAB的水果分级系统_，以橘子为例_，通过检测橘子的面积，直径大小和色泽率饱满_shuiguofenji
基于Html与Ajax技术的2024年课程作业表格设计源码
10-01
该课程作业项目采用Html与Ajax技术实现，共计包含37个文件，其中Java源文件7个，JavaScript文件6个，CSS样式文件5个，Map文件4个，HTML文件2个，还包含1个Git忽略文件、1个JAR包文件、1个属性文件、1个Maven构建文件和1个命令行脚本文件。项目主要围绕Ajax表格设计展开，适合作为相关课程的学习和实践案例。
使用SmartUpload实现文件上传
"文件上传是Web应用中常见的功能，用于让用户提交本地的文件到服务器。这个示例提供了使用Java和SmartUpload库实现文件上传的方法。SmartUpload是一个强大的文件上传组件，能够处理多文件上传、限制文件大小和类型，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值