Skip to content

白杨 / shrae-app

Go to a project
Commit 929874d9 by lixiaofeng
Options

删除图片

1 parent 7c374b3a
Inline Side-by-side
Showing with 36 additions and 35 deletions
dataPage.html
...@@ -153,7 +153,6 @@ ...@@ -153,7 +153,6 @@
var strImg = '' var strImg = ''
var Imgarr = [] var Imgarr = []
var photo = data.result.photos var photo = data.result.photos
console.log(photo)
for(var i=0;i<msg.length;i++){ for(var i=0;i<msg.length;i++){
// console.log(msg[i]) // console.log(msg[i])
var num = i+1 var num = i+1
...@@ -165,10 +164,10 @@ ...@@ -165,10 +164,10 @@
for(var i=0;i<photo.length;i++){ for(var i=0;i<photo.length;i++){
photo[i].photoPath = saas.url + "/v1/point/getFile?ak=30bdc45ee00940cda7917d134fdb1523&filePath="+photo[i].photoPath photo[i].photoPath = saas.url + "/v1/point/getFile?ak=30bdc45ee00940cda7917d134fdb1523&filePath="+photo[i].photoPath
strImg += "<img src="+photo[i].photoPath+" class=\"item\"/>" strImg += "<img src="+photo[i].photoPath+" class=\"item\"/>"
Imgarr.push(photo[i].photoPath) Imgarr.push({photoPath:photo[i].photoPath,id:photo[i].id})
} }
console.log(Imgarr) console.log(Imgarr)
localStorage.setItem('Imgarr',Imgarr.join('@')) localStorage.setItem('Imgarr',JSON.stringify(Imgarr))
$('.picNum').html(photo.length) $('.picNum').html(photo.length)
$('#form').append(str) $('#form').append(str)
$('#picdiv').append(strImg) $('#picdiv').append(strImg)
......
src/js/imgUp.js
//网点id //网点id
var pointId = localStorage.getItem('pointId'); var pointId = localStorage.getItem('pointId');
// console.log(pointId)
var upArr=[]
var delImgId = null;
$(function(){ $(function(){
var delParent; var delParent;
...@@ -9,15 +11,14 @@ $(function(){ ...@@ -9,15 +11,14 @@ $(function(){
fileSize : 1024 * 1024 * 10 // 上传文件的大尿 10M fileSize : 1024 * 1024 * 10 // 上传文件的大尿 10M
}; };
/*点击图片的文本框*/ /*点击图片的文本框*/
var upArr=[]
$(".file").change(function(){ $(".file").change(function(){
var idFile = $(this).attr("id"); var idFile = $(this).attr("id");
var file = document.getElementById(idFile); var file = document.getElementById(idFile);
var imgContainer = $(this).parents(".z_photo"); //存放图片的父亲元紿 var imgContainer = $(this).parents(".z_photo"); //存放图片的父亲元紿
var fileList = file.files; //获取的图片文仿 var fileList = file.files; //获取的图片文仿
upArr.push(fileList) upArr.push(fileList)
console.log(upArr) // console.log(upArr)
console.log(fileList) // console.log(fileList)
var input = $(this).parent();//文本框的父亲元素 var input = $(this).parent();//文本框的父亲元素
var imgArr = []; var imgArr = [];
//遍历得到的图片文仿 //遍历得到的图片文仿
...@@ -68,9 +69,13 @@ $(function(){ ...@@ -68,9 +69,13 @@ $(function(){
$(".z_photo").delegate(".close-upimg","click",function(){ $(".z_photo").delegate(".close-upimg","click",function(e){
$(".works-mask").show(); $(".works-mask").show();
delParent = $(this).parent(); delParent = $(this).parent();
// console.log($(this).siblings('.up-img').attr('id'))
delImgId = $(this).siblings('.up-img').attr('id')
// console.log(delParent)
// console.log($(this).siblings('.up-img'))
}); });
$(".wsdel-ok").click(function(){ $(".wsdel-ok").click(function(){
...@@ -79,7 +84,15 @@ $(function(){ ...@@ -79,7 +84,15 @@ $(function(){
// if(numUp < 6){ // if(numUp < 6){
// delParent.parent().find(".z_file").show(); // delParent.parent().find(".z_file").show();
// } // }
delParent.remove(); delParent.remove()
$.ajax({
type: "POST",
url: "http://114.55.43.0:16907/v1/point/deletePhoto?ak=30bdc45ee00940cda7917d134fdb1523&fileId="+delImgId,
success: function(msg){
console.log(msg)
}
});
console.log(delImgId)
}); });
$(".wsdel-no").click(function(){ $(".wsdel-no").click(function(){
...@@ -128,29 +141,16 @@ function backReturn(){ ...@@ -128,29 +141,16 @@ function backReturn(){
* 保存图片 * 保存图片
*/ */
function saveReturn(){ function saveReturn(){
var file = document.getElementById("file").files[0];
console.log("file数据"+file); console.log("file数据"+file);
var formData = new FormData(); for(var i=0;i<upArr.length;i++){
formData.append('file', file); var file = upArr[i][0]
// $.ajax({ var formData = new FormData();
// url: "/home/about", formData.append('file', file);
// type: "post", var url = "/v1/point/uploadPhoto?ak=" + saas.ak + "&pointId=" + pointId;
// data: formData, saas.upLoadHttpRequest(url,formData,function (data) {
// contentType: false, console.log("返回正确数据"+data);
// processData: false, },function (error) {
// mimeType: "multipart/form-data", console.log("错误返回数据"+error);
// success: function (data) { });
// }
// console.log("返回正确数据"+data);
// },
// error: function (data) {
// console.log("错误返回数据"+data);
// }
// });
var url = "/v1/point/uploadPhoto?ak=" + saas.ak + "&pointId=" + pointId;
saas.upLoadHttpRequest(url,formData,function (data) {
console.log("返回正确数据"+data);
},function (error) {
console.log("错误返回数据"+error);
});
} }
\ No newline at end of file
uploadImage.html
...@@ -39,10 +39,11 @@ ...@@ -39,10 +39,11 @@
<script src="src/js/saasService.js"></script> <script src="src/js/saasService.js"></script>
<script src="src/js/imgUp.js"></script> <script src="src/js/imgUp.js"></script>
<script> <script>
var strImg = localStorage.getItem('Imgarr').split('@') var strImg = JSON.parse(localStorage.getItem('Imgarr'))
var tagImg = '' var tagImg = ''
// console.log(strImg)
for(var i=0;i<strImg.length;i++){ for(var i=0;i<strImg.length;i++){
tagImg+= "<section class=\"up-section fl\"><span class=\"up-span\"></span><img class=\"close-upimg\" src=\"src/image/sc.png\"><img class=\"up-img\" src="+strImg[i]+"><p class=\"img-name-p\">201995-120HG1030762.jpg</p><input id=\"taglocation\" name=\"taglocation\" value=\"\" type=\"hidden\"><input id=\"tags\" name=\"tags\" value=\"\" type=\"hidden\"></section>" tagImg+= "<section class=\"up-section fl\"><span class=\"up-span\"></span><img class=\"close-upimg\" src=\"src/image/sc.png\"><img class=\"up-img\" id="+strImg[i].id+" src="+strImg[i].photoPath+"><p class=\"img-name-p\">201995-120HG1030762.jpg</p><input id=\"taglocation\" name=\"taglocation\" value=\"\" type=\"hidden\"><input id=\"tags\" name=\"tags\" value=\"\" type=\"hidden\"></section>"
} }
$('.upimg-div').prepend(tagImg) $('.upimg-div').prepend(tagImg)
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!