其实form里面是不能嵌套form的，如果form里面有图片上传和其他input框，我们希望上传图片并预览图片，然后将其他input框填写完毕，再提交整个表单的话，有两种方式！


方式一：点击上传按钮的链接弹出上传页面，上传文件，上传完毕再返回表单页面；这种比较简单，其实就是表单页面的上传按钮仅仅是一个链接，仅用于打开上传文件的弹出页面；


方式二：就是表单里面有<input type="file" name="picture"/>，点击上传按钮后，会在上传按钮旁边有图片预览，这种其实图片也没有上传到服务器，而是将图片做了个本地预览，当填写完其他input框内容，提交后才开始上传的！

其完整代码如下：

<scripttype="text/javascript"src="jquery-3.2.1.js"></script><scripttype="text/javascript">functionshowImg(obj){varobjUrl=getObjectURL(obj.files[0]);if(objUrl){$(obj).before('<imgsrc="'+objUrl+'"alt=""width="100px;">&nbsp;&nbsp;');}}functiongetObjectURL(file){varurl=null;if(window.createObjectURL!=undefined){url=window.createObjectURL(file);}elseif(window.URL!=undefined){url=window.URL.createObjectURL(file);}elseif(window.webkitURL!=undefined){url=window.webkitURL.createObjectURL(file);}returnurl;}</script>//文件上传表单<formmethod="post"action="index.php"enctype="multipart/form-data"><inputname="picture"id="picture"onchange="showImg(this);"type="file"><labelfor="picture">上传LOGO</label><inputname="sub"type="submit"value="提交"/></form>//文件上传php代码<?php$file=@$_FILES['picture'];//得到传输的数据//得到文件名称$name=$file['name'];$type=strtolower(substr($name,strrpos($name,'.')+1));//得到文件类型，并且都转化成小写$allow_type=array('jpg','jpeg','gif','png');//定义允许上传的类型//判断文件类型是否被允许上传if(!in_array($type,$allow_type)){//如果不被允许，则直接停止程序运行return;}//判断是否是通过HTTPPOST上传的if(!is_uploaded_file($file['tmp_name'])){//如果不是通过HTTPPOST上传的return;}$upload_path="D:/now/";//上传文件的存放路径//开始移动文件到相应的文件夹if(move_uploaded_file($file['tmp_name'],$upload_path.$file['name'])){return$upload_path.$file['name'];}else{echo"Failed!";}?>