以前上传图片input type=“submit”,想加一个验证,所以用onclick提交,为什么这么写不行,action地址是urlrewrite的重写地址
js部分:
function go(){
if(document.getElementById("f1").value!="" || document.getElementById("f2").value!="" || document.getElementById("f3").value!=""){
//document.form1.enctype="multipart/form-data";
// document.form1.method="post";
// document.form1.action="<%=basePath %>upFile.html";
document.form1.submit();
}else{
alert("您还没有选择上传的图片!");
document.getElementById("f1").focus();
}
}
<form action="<%=basePath %>upFile.html" method="post" name="form1" enctype="multipart/form-data" >
<div class="banner">
<ul>
<li><label>标 题</label><input name="title" id="title" type="text" class="bantxt"/></li>
<li><label>原尺寸图</label><input type="file" name="fileUpload" id="f1" size="30" onchange="return check();"/></li>
<c:if test="${opType!=4 && opType!=5 && opType!=6}">
<li><label>列表缩略图</label><input type="file" name="fileUpload1" id="f2" size="30" onchange="return check();"/></li>
<li><label>首页推荐缩略图</label><input type="file" name="fileUpload2" id="f3" size="30" onchange="return check();"/></li>
</c:if>
<li class="bannerpic">
<img id="idImg" width="100" height="100" />
</li>
<li><label> </label>
<input type="button" value="上传保存" onclick="go()"/>
</li>
</ul>
</div>
</form>
æç´æ¥å¨buttonéåthis.form.submit()é½ä¸è¡ï¼å¥½åä¸æ¯æ交çæ¹æ³æé®é¢ï¼è¿å ç§åæ³é½æ¯å¯ä»¥æ交çï¼å 为ç¹å»æé®åurlæ¯å¯¹çï¼ä½æ¯æ²¡èµ°åå°ï¼æ§å¶å°ä¹æ²¡æ¥éï¼ä¸ºä»ä¹è¿ä¹åå°±ä¸èµ°åå°å¢
追çæ¢ç¶æ交åè½æ¯æ£å¸¸çï¼ç¹å»åurlä¹è·³è½¬äºï¼é£ä¹å°±ä¸æ¯ä½ çåå°è¡¨ååè½æé®é¢ï¼èæ¯ä½ åå°å¤ç页é¢æé®é¢ï¼ä¹å°±æ¯è¯´ï¼upFile.htmlè¿ä¸ªé¡µé¢æé®é¢ï¼
追é®upFile.htmlè¿ä¸ªä¸æ¯é¡µé¢ï¼æ¯éåurlå°åï¼æåæ¥çé¿å°åé便å个çç代æ¿ï¼ç°å¨çé®é¢æ¯ï¼ç¨type="submit"å°±å¯ä»¥æ交ï¼type="button" onclickãããå°±ä¸èµ°åå°äºï¼è¯å®è¿æ¯åå°çé®é¢ï¼ä¸ç¥é究ç«åªåçä¸å¯¹
追çä½ çä¸èµ°åå°æ¯ä»ä¹ææï¼ä½ ç¹å»åç页é¢è·³è½¬å°ä»ä¹å°æ¹äºï¼
æä½ ä¸é¢è´´ç代ç ï¼åºè¯¥æ¯ç¹å»æé®ï¼æ§è¡go()çæ°æ®æ£æ¥ï¼ç¬¦åè¦æ±ï¼è·³è½¬å°upFile.htmlè¿ä¸ªé¡µé¢ï¼æ§è¡ç¸å
³æ°æ®çå¤çæä½ï¼
æ£å¸¸å°±æ¯ç¹å»æé®èµ°åå°ä¿åå¾ççæ¹æ³ï¼ç°å¨æ ¹æ¬ä¸èµ°æç¹ï¼å°åæ¯upFile.htmläºï¼upFile.html代表/service/upload/addFileæ¹æ³ï¼ç¨çspringmvcæ¡æ¶ï¼ä½æ¯é¡µé¢æ¾ç¤ºçæ¾ä¸å°ï¼è³å°åºè¯¥èµ°æçæç¹åï¼ç°å¨è½è¿goæ¹æ³ï¼è½èµ°form.submitï¼å°åä¹è·³å°äºupFile.htmlï¼ä½æ¯æ²¡èµ°åå°ï¼å®ä¸è®¤è¯æè¿ä¸ªå°åï¼å¯æ¯åæ¥type="submitï¼å°±æ²¡é®é¢
追çä½ çå¾çä¿ååè½æ¯å®ç°å¨ä»ä¹å°æ¹çï¼å½åfromæå¨é¡µé¢çåå°ç¨åºè¿æ¯upfile.htmlçåå°ç¨åºéé¢ï¼
å¦ææ¯å½åfromçåå°ç¨åºï¼å ä¸ºä½ æ交å°ååäºï¼ä¸è½è§¦ååå°çæ交ç¨åºï¼æ以ä¸ä¼ åè½å¤±è´¥ï¼
è¿æ ·ä½ å¯ä»¥æå¾çä¸ä¼ çåè½æ¾å°upfile.htmlçåå°æ件éé¢ã
æè
å¨å½å页é¢çinput fileæ§ä»¶éé¢æ·»å onchangeå¤çå½æ°ï¼ä¸»å¨è°ç¨åå°å¤çç¨åºï¼
å½åformæå¨é¡µé¢çåå°ç¨åºå°±æ¯upfile.htmlï¼ä¸è§¦ååå°ç¨åºè·å°åæ²¡å ³ç³»ï¼é®é¢å°±æ¯åï¼åè 好ç¨ï¼åè ä¸å¥½ç¨ï¼æä¹æ以æ¹åæåé¢çé£ç§æ¹æ³åªæ¯ä¸ºäºå 个éªè¯
追ç个人认为æ交è¿åæ¯æ²¡æé®é¢çï¼å»ºè®®å¨åå°æ件çæ§è¡è¿ç¨ä¸å ä¸alertæ示æ¡ï¼çå ·ä½æ¯æ§è¡å°ä»ä¹ä½ç½®ç¨åºåºéçï¼