也许是另一个愚蠢的问题,但它让我发疯.
基本上我有这个表格输入20张图片(由for生成)
PHP
for ($i=0; $i<20; $i++)
{
echo '
我需要在上传之前显示Thumbinail,此时它只适用于其中一个字段(#inputGroupFile3和#thumb-output3).
$(document).ready(function(){
$('#inputGroupFile3').on('change',function(){ //on file input change
if (window.File && window.FileReader && window.FileList && window.Blob) //check File API supported browser
{
$('#thumb-output3').html(''); //clear html of output element
var data = $(this)[0].files; //this file data
$.each(data,function(index,file){ //loop though each file
if(/(\.|\/)(gif|jpe?g|png)$/i.test(file.type)){ //check supported file type
var fRead = new FileReader(); //new filereader
fRead.onload = (function(file){ //trigger function on successful read
return function(e) {
var img = $('![]()
基本上我需要的是像PHP代码(id =“thumb-output’.$i.’),但在JS中,类似于：
$(document).ready(function(){
$('#inputGroupFile
[…] $( ‘#拇指输出< b取代; $I< / B个’).追加(IMG)[…]
谢谢.
最佳答案
您可以使用.data()api获取ID号,为此添加一个属性,如下一行中的索引
echo '
此属性将在您的jQuery事件处理程序中可用,您应将其更改为通用的一个&不具体ID.
$('.custom-file-input').on('change',function(){
//on file input change,(#inputGroupFile3 changed to .custom-file-input as
//it will listen to all images with that class).
var index = jQuery(this).data('index');
//this should now hold the index value of the current image like 1 or 2 or 3 so on,///use the variable where ever you need the ID number.
//Rest of the handler body
原文链接：https://www.f2er.com/js/429282.html