Drupal Image Error

by Mike Gifford

HTML

<form>
<div class="js-form-item form-item js-form-type-managed-file form-type-managed-file js-form-item-field-image-0 form-item-field-image-0">
   <label for="edit-field-image-0-upload--E17-hhBkcLQ" id="edit-field-image-0--eVHw7zL4O4w--label">Image</label>
   <div class="image-widget js-form-managed-file form-managed-file clearfix">
      <div class="image-preview">
         <img data-drupal-selector="edit-field-image-0-preview" src="/sites/default/files/styles/thumbnail/public/2020-06/WhatsApp%20Image%202020-06-19%20at%208.09.06%20PM.jpeg?itok=sIiKkK4e" width="100" height="47" alt="" typeof="foaf:Image" class="image-style-thumbnail">
      </div>
      <div class="image-widget-data">
         <div class="js-form-item form-item js-form-type-textfield form-type-textfield js-form-item-field-image-0-alt form-item-field-image-0-alt">
            <label for="edit-field-image-0-alt--I4gNgNUVV38" class="js-form-required form-required">Alternative text</label>
            <input data-drupal-selector="edit-field-image-0-alt" aria-describedby="edit-field-image-0-alt--I4gNgNUVV38--description" type="text" id="edit-field-image-0-alt--I4gNgNUVV38" name="field_image[0][alt]" value="" size="60" maxlength="512" class="form-text required" required="required" aria-required="true">
            <div id="edit-field-image-0-alt--I4gNgNUVV38--description" class="description">
               Short description of the image used by screen readers and displayed when the image is not loaded. This is important for accessibility.
            </div>
         </div>
         <input data-drupal-selector="edit-field-image-0-fids" type="hidden" name="field_image[0][fids]" value="1">
         <span data-drupal-selector="edit-field-image-0-file-1-filename" class="file file--mime-image-jpeg file--image"> <a href="https://stm5ef5eab59716a-yonayzyzneytzmakjflfmt83kdavjqhj.tugboat.qa/sites/default/files/2020-06/WhatsApp%20Image%202020-06-19%20at%208.09.06%20PM.jpeg" type="image/jpeg;...