编程开发 > JSP > 文章内容

jsp中点击图片弹出文件上传界面及实现预览实例详解

2017-5-4编辑:ljnbset

jsp中点击图片弹出文件上传界面及实现预览实例详解

花了两天时间琢磨一下图片预览的功能

任务需求如下:

1:jsp页面中有一个图片(pic_1)

2:点击图片弹出类似于资源管理器的界面

3:选择完某一个图片之后在pic_1处预览

我在IE8上试验下面这段代码,可以实现上述功能,没有在别的浏览器中测试,如果各位朋友知道多种浏览器的支持方法,请赐教,共同学习,谢谢。

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

"Content-Type" content="text/html; charset=utf-8">

"file" style="position: absolute; filter: alpha(opacity = 0); opacity: 0; width: 30px;" size="1" id="main_img" name="main_img" onchange="PreviewImg(this)">

"img_2" style="width:133px;height:95px; cursor:pointer; background-image: url('Chrysanthemum.jpg');" onclick="tempClick()">

JSP中Spring组合注解与元注解实例详解

热点推荐

登录注册
触屏版电脑版网站地图