JS中,图片连接如何提交Form表单

JavaScript015

JS中,图片连接如何提交Form表单,第1张

相关的还有‘_top’、‘_parent’、'_self'当然写好这些还不够,要在js里面写好表单提交的代码:

<script language="javascript" >var idfunction examineatt(id){

alert("您确定进行投票?")

var sf =document.suveryForm

sf.submit()

// window.open('<%=request.getContextPath()%>/suveryAction.do?action=submitChoice','_blank')

}</script>在链接图片的地方可以写上:<a href="javascript:examineatt('<bean:write name="suvery" property="id" />')">表示调用js方法。其中:'<bean:write name="suvery" property="id" />'代表的是传入的参数(动态),如果你不需要这个参数,那就写成:<a href="javascript:examineatt()">当然年的js里面的方法同样不能有参数。视具体情况而定。二、关于迭代时应该注意的事项: 1,迭代时,迭代的内容不能为空,否则有可能会影响到样式表的显示。 2,嵌套迭代时应该注意迭代的数据结构,分层迭代。三、inputbox中的value可以动态的传入。这时候的效果miltibox非常相似。 例如:定义一个变量,该变量存放的是迭代数组里面的choice_id,可以用下面的代码完成: <bean:define id="checkflag" ><bean:write name="elementValue"property="choice_id" /></bean:define ><input type="checkbox" name="choiceCheck"

value="<%=checkflag%>">四。

这样设置的:

1、先用form标签创建一个上传的表单。

<form id="form1" name="form1" method="post" action="" enctype="multipart/form-data">

 <p><input type="hidden" name="MAX_FILE_SIZE" value="100000" /></p>

 <p><input name="userfile" id="userfile" type="file" onchange="check()"/></p>

</form>

2、用Javascript设置格式和大小。

<script language="JavaScript" type="text/javascript">  function check()    {var aa=document.getElementById("userfile").value.toLowerCase().split('.')//以“.”分隔上传文件字符串   // var aa=document.form1.userfile.value.toLowerCase().split('.')//以“.”分隔上传文件字符串           if(document.form1.userfile.value=="")    {        alert('图片不能为空!')        return false    }    else    {    if(aa[aa.length-1]=='gif'||aa[aa.length-1]=='jpg'||aa[aa.length-1]=='bmp'

||aa[aa.length-1]=='png'||aa[aa.length-1]=='jpeg')//判断图片格式    {var imagSize =  document.getElementById("userfile").files[0].sizealert("图片大小:"+imagSize+"B")if(imagSize<1024*1024*1)        alert("图片大小在1M以内,为:"+imagSize/(1024*1024)+"M")        return true    }    else    {        alert('请选择格式为*.jpg、*.gif、*.bmp、*.png、*.jpeg 的图片')//       return false    }    }    }  </script>

图片超过1M则不能上传 如图:

$("#btnLoadPhoto").upload({ url: "../UploadForms/RequestUpload.aspx?action=photo", type: "json", callback: calla })

//获得表单元素

 HttpPostedFile oFile = context.Request.Files[0]

 //设置上传路径

 string strUploadPath = "temp/"

 //获取文件名称

 string fileName = context.Request.Files[0].FileName

补充:JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。