关于在Angular中预览图像

时间:2017-08-23 03:14:39

标签: javascript angular

    #include <Ethernet.h>
    #include <SoftwareSerial.h>
    #include <SeeedRFID.h>

    #define RFID_RX_PIN 10
    #define RFID_TX_PIN 11

    SeeedRFID RFID(RFID_RX_PIN, RFID_TX_PIN);

    char state = '0';
    char c;
    byte mac[] = {0x60, 0xF8, 0x1D, 0xBA, 0x1D, 0x52};
    IPAddress ip(192, 168, 20, 228);

    EthernetClient client;

    void setup() {
      // put your setup code here, to run once:
      Serial.begin(9600);
      Serial.println("Serial set up");

      Ethernet.begin(mac, ip);
      Serial.print("My IP Address: ");
      Serial.println(Ethernet.localIP());
    }

    void loop() {

      long rfID;
      // put your main code here, to run repeatedly:

      if (RFID.isAvailable()) {
        rfID = RFID.cardNumber();
        Serial.println(rfID);
      }
}

所以这是我的角度代码。我的问题是,每次我上传和预览图像。这个“GET http://localhost:4200/[object%20File] 404(未找到)”继续在我的控制台日志中显示。

2 个答案:

答案 0 :(得分:1)

最初imageInputnull,因此您可以使用ngIf这样删除邮件:

<img *ngIf="imageInput" [src]="imageInput" alt="" width="100%">

检查here

答案 1 :(得分:0)

您只需要删除此行
this.imageInput = event.target.files [0];