76 lines
2.2 KiB
HTML
76 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="renderer" content="webkit">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||
<title>添加3D图片</title>
|
||
<link rel="stylesheet" href="layuiadmin/layui/css/layui.css">
|
||
<link rel="stylesheet" href="index.css">
|
||
<script src="layuiadmin/layui/layui.js"></script>
|
||
<script src="js/function.js"></script>
|
||
</head>
|
||
<body>
|
||
<form class="layui-form">
|
||
<input type="hidden" id="id" name="id" value="">
|
||
<div style="padding:10px;">
|
||
<div class="layui-form-item" align="center">
|
||
<a class="layui-btn" id="up_file"><i class="layui-icon"></i>选择图片</a>
|
||
<p> </p>
|
||
<p id="uploadText"></p>
|
||
</div>
|
||
<div class="layui-form-item" align="center">
|
||
<span id="div_pic"></span>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<script>
|
||
layui.use(['form','layer','upload','jquery'],function(){
|
||
var form = layui.form,
|
||
layer = layui.layer,
|
||
$ = layui.jquery;
|
||
var id=get_url_param("id");
|
||
$("#id").val(id);
|
||
|
||
//上传组件
|
||
var upload = layui.upload;
|
||
var uploadInst = upload.render({
|
||
elem: '#up_file',
|
||
field:'up_file',
|
||
accept:'images',
|
||
exts: 'jpg|jpeg',
|
||
url: './?_m=scene3D&_a=save_scenePic&id='+id,
|
||
before: function(obj){
|
||
layer.load();
|
||
//预读本地文件示例，不支持ie8
|
||
obj.preview(function(index, file, result){
|
||
$('#div_pic').html('<img class="layui-upload-img" src="'+result+'" width="200px">'); //图片链接（base64）
|
||
});
|
||
},
|
||
done: function(res,index,upload){
|
||
//alert(JSON.stringify(res));
|
||
var json_data=res;
|
||
if(json_data.code==0){
|
||
parent.parent.layer.msg("上传成功");
|
||
//正确
|
||
parent.location.reload();
|
||
}else{
|
||
//错误
|
||
parent.parent.layer.msg(json_data.msg);
|
||
}
|
||
layer.closeAll('loading');
|
||
},
|
||
error: function(index, upload){
|
||
layer.closeAll('loading');
|
||
//演示失败状态，并实现重传
|
||
var uploadText = $('#uploadText');
|
||
uploadText.html('<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs up-reload">重试</a>');
|
||
uploadText.find('.up-reload').on('click', function(){
|
||
uploadInst.upload();
|
||
});
|
||
}
|
||
});
|
||
})
|
||
</script>
|
||
</body>
|
||
</html> |