前台上传多张图片,保存在一个字段里前后端代码

<script type="text/javascript">
var urls;
layui.use(['form', 'layer'], function () {
    // 操作对象
    var form = layui.form
        , layer = layui.layer
        , $ = layui.jquery;
    
    $('#grage').val(0);	//初始加载默认好评
  //监听提交
    $("#postAdd").click(function(){
    	var content = $('#textarea').val();
    	if(content == ""){
    		layer.msg("提交内容不能为空");
    	}else{
	        $.ajax({
	            type: 'POST',
	            url: '#(ctxPath)/wmall/mobile/comment/comment',
	            data: $('#addForm').serialize(),
	            success : function(data){
	            	if(data.code=='0'){
	                	/* window.location.href = '#(ctxPath)/wmall/mobile/myCenter'; */
	                	window.history.go(-2);
	                }
	            }
	        });
    	}
        return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
  	//删除图片点击事件
    $(document).on('click','.button_img', function(obj) {
    	var url = $(this).prev().attr("src");
    	var newValue = $('#postImages').val().replace("|"+url,"").replace(url+"|","").replace(url,"");
    	document.getElementById('postImages').value = newValue;
    	var arryValue = $('#postImages').val().split("|");
    	$('#demo2').empty();
    	for (var i=0; i<arryValue.length; i++){
    		if(arryValue[i]!=""){
    			$('#demo2').append('<img src="'+ arryValue[i] +'" url="'+ arryValue[i] +'" class="layui-upload-img ">').append('<button   lay-submit lay-filter="*" class ="button_img delete"></button>')
    		}
    	}
    	if(arryValue.length<5){
    		$('#upload_img').show();
    	}
    });
    //增加好评点击事件
    $(document).on('click','.mui-control-item', function(obj) {
    	var grage = $(this).text();
    	switch(grage){
    	case "好评":
    		$('#grage').val(0);
    		break
    	case "中评":
    		$('#grage').val(1);
    		break
    	case "差评":
    		$('#grage').val(2);
    		break
    	}
    });
  
});
 

    layui.use('upload', function(){