也许是另一个愚蠢的问题,但它让我发疯.基本上我有这个表格输入20张图片(由for生成)
<?php
for ($i=0; $i<20; $i++)
{
echo '<div class="col-xl-4 col-lg-4 col-md-6">';
echo '<div class="file-field">';
echo '<div class="z-depth-1-half mb-4" id="thumb-output'.$i.'"></div>';
echo '<div class="d-flex justify-content-center">';
echo '<div class="custom-file">';
echo '<input type="file" name="field'.$i.'" class="custom-file-input" id="inputGroupFile'.$i.'" aria-describedby="inputGroupFileAddon'.$i.'">';
echo '<label class="custom-file-label" for="inputGroupFile'.$i.'">Choose file</label>';
echo '</div>';
echo '</div>';
echo '</div>';
echo '</div>';
echo '';
echo '<div class="col-xl-8 col-lg-8 col-md-6">';
echo '</div>';
}
?>
Run Code Online (Sandbox Code Playgroud)
我需要在上传之前显示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
{ …
Run Code Online (Sandbox Code Playgroud) 我需要将数据(仅一个字符串)从模态传递到 Ionic5 上的“父页面”,基本上当用户单击模态的一项时,它应该将字符串传递到页面,该页面在数组中进行过滤并显示结果
这些是模式上的可点击项目:
<ion-row>
<ion-col class="ion-no-padding-vertical">
<ion-list class="ion-no-padding-vertical">
<ion-item class="ion-no-border" button>
<ion-icon class="ion-input-icon-big" slot="start" name="bu"></ion-icon>
<ion-label>Burn</ion-label>
</ion-item>
</ion-list>
</ion-col>
</ion-row>
<ion-row>
<ion-col class="ion-no-padding-vertical">
<ion-list class="ion-no-padding-vertical">
<ion-item class="ion-no-border" button>
<ion-icon class="ion-input-icon-big" slot="start" name="be-battery-weak"></ion-icon>
<ion-label>Battery Too Weak</ion-label>
</ion-item>
</ion-list>
</ion-col>
</ion-row>
Run Code Online (Sandbox Code Playgroud)
这是模式的 page.ts:
import { Component, OnInit } from '@angular/core';
import { ModalController } from '@ionic/angular';
@Component({
selector: 'app-cmd-v4-modal',
templateUrl: './cmd-v4-modal.page.html',
styleUrls: ['./cmd-v4-modal.page.scss'],
})
export class CmdV4ModalPage implements OnInit {
constructor(private modalController: ModalController) { }
ngOnInit() { }
async closeModal() { …
Run Code Online (Sandbox Code Playgroud)