LocalResizeIMG前端HTML5本地压缩图片上传，兼容移动设备IOS,android

01

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"

02

"http://www.w3.org/TR/html4/loose.dtd">

03

<

html

>

04

<

head

>

05

<

title

>NewDocument</

title

>

06

<

meta

name

=

"Generator"

content

=

"EditPlus"

>

07

<

meta

name

=

"Author"

content

=

""

>

08

<

meta

name

=

"Keywords"

content

=

""

>

09

<

meta

name

=

"Description"

content

=

""

>

10

<

script

src

=

"lrz.mobile.min.js"

></

script

>

11

</

head

>

12

13

<

body

>

14

15

<

input

type

=

"file"

capture

=

"camera"

/>

16

<

script

>

17

varinput=document.querySelector('input');

18

input.onchange=function(){

19

lrz(this.files[0],{width:100},function(results){

20

//你需要的数据都在这里，可以以字符串的形式传送base64给服务端转存为图片。

21

console.log(results);

22

23

//发送到后端

24

varxhr=newXMLHttpRequest();

25

vardata={

26

base64:results.base64,

27

size:results.base64.length//校验用，防止未完整接收

28

};

29

xhr.open('POST','1.php');

30

xhr.setRequestHeader('Content-Type','application/json;charset=utf-8');

31

xhr.onreadystatechange=function(){

32

if(xhr.readyState===4&&xhr.status===200){

33

varresult=JSON.parse(xhr.response);

34

result.error

35

?alert('服务端错误，未能保存图片')

36

//:demo_report('服务端实存的图片',result.src,result.size);

37

:alert('上传OK');

38

}

39

};

40

xhr.send(JSON.stringify(data));//发送base64

41

});

42

}

43

</

script

>

44

</

body

>

45

</

html

>

01

<?php

02

$base64

=

file_get_contents

(

"php://input"

);//获取输入流

03

$base64

=json_decode(

$base64

,1);

04

$data

=

$base64

[

'base64'

];

05

preg_match(

"/data:image\/(.*);base64,/"

,

$data

,

$res

);

06

$ext

=

$res

[1];

07

if

(!in_array(

$ext

,

array

(

"jpg"

,

"jpeg"

,

"png"

,

"gif"

))){

08

echo

json_encode(

array

(

"error"

=>1));

die

;

09

}

10

$file

=time().

'.'

.

$ext

;

11

$data

=preg_replace(

"/data:image\/(.*);base64,/"

,

""

,

$data

);

12

if

(

file_put_contents

(

$file

,

base64_decode

(

$data

))===false){

13

echo

json_encode(

array

(

"error"

=>1));

14

}

else

{

15

echo

json_encode(

array

(

"error"

=>0));

16

}