小编Wil*_*ato的帖子

使用Data API访问正在加载的图像的位置值

也许是另一个愚蠢的问题,但它让我发疯.基本上我有这个表格输入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)

javascript php variables bootstrap-4

5
推荐指数
1
解决办法
127
查看次数

Ionic 5 将值从模态传递到页面

我需要将数据(仅一个字符串)从模态传递到 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)

typescript ionic-framework angular

1
推荐指数
1
解决办法
2050
查看次数