Add mobilenet qdq model (#313)

Author: fujunwei

image_classification/index.html

@@ -70,6 +70,9 @@
               <label class="btn btn-outline-info" id="float16Label">
                 <input type="radio" name="layout" id="float16" autocomplete="off">Float16
               </label>
+              <label class="btn btn-outline-info" id="uint8Label">
+                <input type="radio" name="layout" id="uint8" autocomplete="off">Uint8
+              </label>
             </div>
           </div>
         </div>

image_classification/main.js

@@ -4,6 +4,7 @@ import {ResNet50V1FP16Nchw} from './resnet50v1_fp16_nchw.js';
 import {EfficientNetFP16Nchw} from './efficientnet_fp16_nchw.js';
 import {MobileNetV2Nchw} from './mobilenet_nchw.js';
 import {MobileNetV2Nhwc} from './mobilenet_nhwc.js';
+import {MobileNetV2Uint8Nhwc} from './mobilenet_uint8_nhwc.js';
 import {SqueezeNetNchw} from './squeezenet_nchw.js';
 import {SqueezeNetNhwc} from './squeezenet_nhwc.js';
 import {ResNet50V2Nchw} from './resnet50v2_nchw.js';
@@ -52,6 +53,9 @@ const modelList = {
       'squeezenet',
       'resnet50v2',
     ],
+    'uint8': [
+      'mobilenet',
+    ],
   },
   'gpu': {
     'float32': [
@@ -102,16 +106,19 @@ $('#backendBtns .btn').on('change', async (e) => {
   if (backendId == 'webnn_gpu') {
     ui.handleBtnUI('#float16Label', false);
     ui.handleBtnUI('#float32Label', false);
+    ui.handleBtnUI('#uint8Label', true);
     $('#float32').click();
     utils.displayAvailableModels(modelList, modelIds, deviceType, dataType);
   } else if (backendId == 'webnn_npu') {
     ui.handleBtnUI('#float16Label', false);
     ui.handleBtnUI('#float32Label', true);
+    ui.handleBtnUI('#uint8Label', true);
     $('#float16').click();
     utils.displayAvailableModels(modelList, modelIds, deviceType, 'float16');
   } else {
     ui.handleBtnUI('#float16Label', true);
     ui.handleBtnUI('#float32Label', false);
+    ui.handleBtnUI('#uint8Label', false);
     $('#float32').click();
     utils.displayAvailableModels(modelList, modelIds, deviceType, 'float32');
   }
@@ -130,6 +137,8 @@ $('#modelBtns .btn').on('change', async (e) => {
   modelName = modelId;
   if (dataType == 'float16') {
     modelName += 'fp16';
+  } else if (dataType == 'uint8') {
+    modelName += 'uint8';
   }
 
   await main();
@@ -298,6 +307,7 @@ function constructNetObject(type) {
     'efficientnetfp16nchw': new EfficientNetFP16Nchw(),
     'mobilenetnchw': new MobileNetV2Nchw(),
     'mobilenetnhwc': new MobileNetV2Nhwc(),
+    'mobilenetuint8nhwc': new MobileNetV2Uint8Nhwc(),
     'squeezenetnchw': new SqueezeNetNchw(),
     'squeezenetnhwc': new SqueezeNetNhwc(),
     'resnet50v2nchw': new ResNet50V2Nchw(),