多图片图片上传代码（多图网怎么上传图片）

本篇文章给大家谈谈多图片图片上传代码，以及多图网怎么上传图片对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、如何理解多图片上传代码:$_FILES["uploads"]["tmp_name"][$key]
• 2、图片批量上传代码
• 3、PHP上传多张图片代码
• 4、如何在前端用js进行多图片上传

如何理解多图片上传代码:$_FILES["uploads"]["tmp_name"][$key]

你好，$key就是指第$key+1个图片的临时文件

希望你的问题能解决，望采纳

图片批量上传代码

用这个插件吧，jspsmartupload

upload.html页面

html

head

title文件上传/title

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

/head

body

p /p

p align="center"上传文件选择/p

FORM METHOD="POST" ACTION="jsp/do_upload.jsp"

ENCTYPE="multipart/form-data"

input type="hidden" name="TEST" value="good"

table width="75%" border="1" align="center"

tr

tddiv align="center"1、

input type="FILE" name="FILE1" size="30"

/div/td

/tr

tr

tddiv align="center"2、

input type="FILE" name="FILE2" size="30"

/div/td

/tr

tr

tddiv align="center"3、

input type="FILE" name="FILE3" size="30"

/div/td

/tr

tr

tddiv align="center"4、

input type="FILE" name="FILE4" size="30"

/div/td

/tr

tr

tddiv align="center"

input type="submit" name="Submit" value="上传它！"

/div/td

/tr

/table

/FORM

/body

/html

do_upload.jsp页面

%@ page contentType="text/html; charset=gb2312" language="java"

import="java.util.*,com.jspsmart.upload.*" errorPage="" %

html

head

title文件上传处理页面/title

meta http-equiv="Content-Type" content="text/html; charset=gb2312"

/head

body

%

// 新建一个SmartUpload对象

SmartUpload su = new SmartUpload();

// 上传初始化

su.initialize(pageContext);

// 设定上传限制

// 1.限制每个上传文件的最大长度。

// su.setMaxFileSize(10000);

// 2.限制总上传数据的长度。

// su.setTotalMaxFileSize(20000);

// 3.设定允许上传的文件（通过扩展名限制）,仅允许doc,txt文件。

// su.setAllowedFilesList("doc,txt");

// 4.设定禁止上传的文件（通过扩展名限制）,禁止上传带有exe,bat,

jsp,htm,html扩展名的文件和没有扩展名的文件。

// su.setDeniedFilesList("exe,bat,jsp,htm,html,,");

// 上传文件

su.upload();

// 将上传文件全部保存到指定目录

int count = su.save("/upload");

out.PRintln(count+"个文件上传成功！br");

// 利用Request对象获取参数之值

out.println("TEST="+su.getRequest().getParameter("TEST")

+"BRBR");

// 逐一提取上传文件信息，同时可保存文件。

for (int i=0;isu.getFiles().getCount();i++)

{

com.jspsmart.upload.File file = su.getFiles().getFile(i);

// 若文件不存在则继续

if (file.isMissing()) continue;

// 显示当前文件信息

out.println("TABLE BORDER=1");

out.println("TRTD表单项名（FieldName）/TDTD"

+ file.getFieldName() + "/TD/TR");

out.println("TRTD文件长度（Size）/TDTD" +

file.getSize() + "/TD/TR");

out.println("TRTD文件名（FileName）/TDTD"

+ file.getFileName() + "/TD/TR");

out.println("TRTD文件扩展名（FileExt）/TDTD"

+ file.getFileExt() + "/TD/TR");

out.println("TRTD文件全名（FilePathName）/TDTD"

+ file.getFilePathName() + "/TD/TR");

out.println("/TABLEBR");

// 将文件另存

// file.saveAs("/upload/" + myFile.getFileName());

// 另存到以WEB应用程序的根目录为文件根目录的目录下

// file.saveAs("/upload/" + myFile.getFileName(),

su.SAVE_VIRTUAL);

// 另存到操作系统的根目录为文件根目录的目录下

// file.saveAs("c:\\temp\\" + myFile.getFileName(),

su.SAVE_PHYSICAL);

}

%

/body

/html

参考资料来源:

呵呵 正好前端时间我 也用到了

PHP上传多张图片代码

?php } function news(){?

form action="?type=productNews" method="post" enctype="multipart/form-data" name="form1" id="form1"

table width="100%" border="0" cellpadding="0" cellspacing="0"

trtd /td/trtrtd height="30"label名称A：

input name="title" type="text" id="title" size="30" /

/label/td/trtrtd height="30"label名称B：

input name="title_en" type="text" id="title_en" size="30" /

/label/td/trtrtd height="30"label分类：

select name="ptype" id="ptype"

?php $conn = new db_conn();

$sql = "SELECT * FROM product_type";

$result = $conn-db_query($sql);

while($rows=mysql_fetch_assoc($result)){?

option value="?php echo $rows['id']; ?"?php echo $rows['name']." / ".$rows['name_en']; ?/option

?php } $conn-db_close(); ?

/select

/label/td/trtrtd height="30"label图片：br

input name="file[]" type="file" size="50" /br

input name="file[]" type="file" size="50" /br

input name="file[]" type="file" size="50" /br

input name="file[]" type="file" size="50" /br

input name="file[]" type="file" size="50" /br

input name="file[]" type="file" size="50" /br

/label/td/trtrtd说明A：

input name="text" type="text" id="text" size="30" //td

/trtrtd说明B：

input name="en_text" type="text" id="en_text" size="30" //td

/trtrtd align="center"label

input type="submit" name="button" id="button" value="提交" /

/label/td/trtrtd /td/tr/table/form

?php }function productNews(){

extract($_POST);

$upimage = "upimage/".date("Ym")."/";//上传位置

if(!is_dir($upimage)){

mkdir($upimage); }

$filenum=count($_FILES['file']['tmp_name']);

for($i=0;$i$filenum;$i++){

$file = "";

if(is_uploaded_file($_FILES['file']['tmp_name'][$i])){//是否用POST上传

if($_FILES['file']['type'][$i] != ("image/jpeg" || "image/pjpeg")){

die(printTop("只能上传jpg图像！")); }

$im = imagecreatefromjpeg($_FILES['file']['tmp_name'][$i]);

$file = $upimage.date("YmdHis").rand(1000,9999);

$w = imagesx($im);

$h = imagesy($im);

if($w 800 || $h 800){

ResizeImage($im,800,800,$file.".jpg");

}else{ move_uploaded_file($_FILES['file']['tmp_name'][$i],$file.".jpg");}

//以下为增加行

//设置水印类型 1字符串 2图片 请自行设置

$watertype=1;

//设置水印字符串 请自行设置

$waterstring="MY hand MY mouth";

//设置水印图片名 请自行设置

$waterimage="water.gif";

$destination=$file.".jpg";

$image_size = getimagesize($destination);

$iinfo=getimagesize($destination,$iinfo);

$nimage=imagecreatetruecolor($image_size[0],$image_size[1]);

$white=imagecolorallocate($nimage,255,255,255);

$black=imagecolorallocate($nimage,0,0,0);

$red=imagecolorallocate($nimage,255,0,0);

imagefill($nimage,0,0,$white);

$simage =imagecreatefromjpeg($destination);

imagecopy($nimage,$simage,0,0,0,0,$image_size[0],$image_size[1]);

imagefilledrectangle($nimage,1,$image_size[1]-15,120,$image_size[1],$white);

switch($watertype)

{

case 1: //加水印字符串

imagestring($nimage,2,3,$image_size[1]-15,$waterstring,$black);

break;

case 2: //加水印图片

$simage1 =imagecreatefromgif("xplore.gif");

imagecopy($nimage,$simage1,0,0,0,0,85,15);

imagedestroy($simage1);

break;

}

imagejpeg($nimage, $destination);

imagedestroy($nimage);

imagedestroy($simage);

//以上为增加行//

ResizeImage($im,130,130,$file."n.jpg");}

$date = date("Y-m-d H:i:s");

$conn = new db_conn();

$sql = "INSERT INTO product (ptype,title,title_en,image,text,text_en,date) VALUES ($ptype,'$title','$title_en','$file','$text','$text_en','$date')";

$result = $conn-db_query($sql);

if($result){

echo printTop("添加成功！");}else{

echo printTop("添加失败！");}

$conn-db_close();}

}

function types(){?

如何在前端用js进行多图片上传

    产品提了一个需求，要求在一个html中实现多行多图片上传，原型图如下:

    2.1 ：html

        html页面由前端实现，此处增加ulli/li/ul是为了配合图片单击放大图片功能的实现

        ul  id="ul_other"

              liinput type="file" id="file_other" class="file_input" onchange="add_file_image('other')"/li

        /ul

    2.2 ：js

        var imgSrc_other=[];

        var imgFile_other=[];

        function add_file_image(id) {

            var fileList =document.getElementById("file_"+id).files;// js 获取文件对象

            if (verificationFile(fileList[0])){

                for(var i =0;i

                    var imgSrcI =getObjectURL(fileList[i]);

                        if (id=="other"){

                            imgSrc_other.push(imgSrcI);

                            if(fileList[i].size/1024 100) { //大于100kb，进行压缩上传

                                 fileResizetoFile(fileList[i],0.6,function(res){

                                  imgFile_other.push(res);

                                })

                            }else{

                                imgFile_other.push(res);

                        }

                    }

                    addNewContent(id);

                }

        }

    //新增图片

    function addNewContent(obj) {

        //删除原先

        $("#ul_"+obj).html("");

        //判断循环新增

        var  text="";

        if (obj=="other"){

           for(var a =0;a imgSrc_examReportCard.length;a++) {

            text +='liinput type="file" id="file_other" class="file_input" onchange="add_file_image('other')"/li';

           }

        }else{

            console.log('脏数据');

        }

        var oldBox ="lidiv class=\"filediv\"span+/span\n" +

        "input type=\"file\" id=\"file_"+obj+"\"  class=\"file_input\" onchange=\"add_file_image('"+obj+"')\"\n" +

        "/div/li";

        $("#ul_"+obj).html( text+localText);

    }

    使用formData上传

    var form =document.getElementById("form_addArchive");//表单id

    var formData =new FormData(form);

    $.each(imgFile_other,function(i, file){

        formData.append('imgFileOther', file);

    });

$.ajax({

    url:url,

    type:'POST',

    async:true,

    cache:false,

    contentType:false,

    processData:false,

    dataType:'json',

    data:formData,

    xhrFields:{

        withCredentials:true

    },

    success:function(data) {

     }

  },

  error:function(XMLHttpRequest, textStatus, errorThrown) {

    }

})

后台使用@RequestParam(value ="imgFileOther", required=false) ListMultipartFile imgFileOther, 接受

//获取图片url以便显示       

//文件格式验证

//图片压缩

多图片图片上传代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于多图网怎么上传图片、多图片图片上传代码的信息别忘了在本站进行查找喔。