拖放仅图像上传

Question

不是文件，我只想拖放图像即可。 我以为我会根据图片的延伸来做 我不知道该怎么做

示例：

$connectionName = "AzureRunAsConnection"
try
{
    # Get the connection "AzureRunAsConnection "
    $servicePrincipalConnection=Get-AutomationConnection -Name $connectionName         

    "Logging in to Azure..."
    Connect-AzureAD `
        -TenantId $servicePrincipalConnection.TenantId `
        -ApplicationId $servicePrincipalConnection.ApplicationId `
        -CertificateThumbprint $servicePrincipalConnection.CertificateThumbprint 
}
catch {
    if (!$servicePrincipalConnection)
    {
        $ErrorMessage = "Connection $connectionName not found."
        throw $ErrorMessage
    } else{
        Write-Error -Message $_.Exception
        throw $_.Exception
    }
}

您能告诉我是否还有其他方法吗？你能告诉我们如何吗？

html代码：

*ngIf="list.file.name.split('.').pop() == 'png'" 

.ts代码：

<div method="post" >
                        <div (drop)="ondrop($event)" (dragover)="ondragover($event)"  (dragend)="ondragend($event)" id="holder1">
                            <div class="scrollbar style-1">
                                <div id="fileDragName" class="input-div-image">

                                    <input name="dragAndDrop" (change)="handleFileSelect($event)" id="filesMain"  type="file"  required="required" multiple="multiple"  />
                                    <h3  class="yazi"> Drag and drop or <h3 class="turuncu-renk"> selected file </h3>

                                    </h3>
                                    <li  *ngFor="let list of deneme; let i = index">

                                            <div >
                                              {{list.file.name.split('.').slice(0, -1).join('.')}}
                                            </div>                                           

                                            <div id="progress" class="progress-style" >
                                                <p-progressBar *ngIf="list.progressDurumu" [value]="list.percantage"></p-progressBar>
                                            </div>
                                        </div>
                                    </li>
                                </div>
                            </div>

                        </div>
                    </div>