在响应文件管理器9.14.0中,我使用了“独立”方法。显然,它运作良好。我只上传一张图片,该图片将是 在预览中可见,该URL在输入中也将可见。问题在于多个选择文件,当我在文件管理器中选择更多图像时,它将在输入中以JSON语法生成,并且图像在预览中不可见。我的问题是如何遍历JSON语法并在SRC地址中将每个图像生成为单个URL图像。我已经尝试了很多东西,但仍然无法弄清楚。
<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/
jquery.form.min.js"></script>
<link rel="stylesheet" href="fancybox/jquery.fancybox.css" />
<link rel="stylesheet" href="css/style.css" >
</head>
<body>
<div class="wrap">
<a href="filemanager/dialog.php?type=2&field_id=none_img" data-fancybox-
type="iframe" class="fancy"> Insert Image </a>
<button class="" onclick="clear_img()">Remove image </button>
<div>
<img src="img/noimage.jpg" alt="" id="prev_img"/>
</div>
<input type="text" id="none_img" multiple>
</div>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="fancybox/jquery.fancybox.pack.js"></script>
<script>
$(document).ready(function() {
$(".fancy").fancybox();
});
function responsive_filemanager_callback(field_id) {
var image = $('#' + field_id).val();
$('#prev_img').attr('src', image);
}
function clear_img() {
var imagen = 'img/noimage.jpg';
$('#prev_img').attr('src', imagen);
$('#none_img').val('');
}
</script>
</body>
</html>