Thêm và quản lý ảnh

Thêm và quản lý ảnh

Tham khảo https://iif.vn/thiet-ke-web-voi-iif/sua-anh

(1) Xác định thư mục lưu ảnh trên web: ví dụ thư mục ABC

Tạo 1 query để lưu

<Query>
<ID>sanpham</ID>
<Src>cnSQL_BidaKaraokeNHCF</Src>
<Type>Sql</Type>
<Cmd>
EXEC SanPham_HinhAnh_Update @_SYS_KEY,@HinhAnh
</Cmd>
<SqlParameter>
_SYS_KEY<pr&/><iif-DGVL>Form:f_save_id</iif-DGVL>
HinhAnh<pr&/><iif-DGVL>Form:f_path</iif-DGVL>/<iif-DGVL>Form:f_save_id</iif-DGVL>.jpg?ver=<iif-D>Date:Now<fm>{0:yyMMddhhmmss}</fm></iif-D>
</SqlParameter>
</Query>

 * Ghi chú: khi tạo query, cần biết một số giá trị từ form gởi tới query
Form:f_path      -> thư mục chuẩn bị lưu ảnh
Form:f_save_id     -> giá trị mã (thường là key guid lưu vào bảng ghi)
ver=<iif-D>Date:Now<fm>{0:yyMMddhhmmss}</fm></iif-D>  : nếu không để sẽ bị nạp ảnh tạm từ bộ nhớ

(2) Url giao diện ảnh

/ManagerFile/UploadImage/Default.aspx?i_out=&i_in=270,70&path=/UserFiles&objReturn=&save_obj=query&save_field=BanHang_iif_sv_SP/SanPham_HinhAnh_Update_FromUploadIMG&save_id=000552de-e53a-4d11-8fe0-0917f7e92ced&filename_save=$guid&refresh=1&title=&config=

(3) Thêm nút lệnh gọi page ảnh

Nút lệnh gọi HTML:

<a class="dropdown-item text-danger" href="#" ng-click="open_img(x)" ><i class="fas fa-camera-retro"></i> Ảnh</a>

<button type="button" ng-click="open_img(x)" class="btn btn-primary">Ảnh</button>

Lệnh angular:

     $scope.open_img = function (obj) {
         url="/ManagerFile/UploadImage/Default.aspx?i_out=700,600&i_in=600,500&path=/UserFiles&objReturn=&save_obj=query&save_field=BanHang_iif_sv_SP/SanPham_HinhAnh_Update_FromUploadIMG&save_id="+obj._SYS_KEY+"&filename_save=$id&refresh=2&title=&config=";
          IIF_f_OpenUrlPopup_call(url,"1200px","650px","Ảnh");
    };  //open_img

 filename_save=$id : tên file lưu giống với _sys_key bảng ghi
 refresh=2 : sau khi lưu xong sẽ gọi hàm đóng form cha (window.parent.IIF_f_Close_Popup();)

 * Khi lỗi từ SQL muốn UploadImage thông báo cần thêm tại SQL:
 [pr__SYS_Str_Return] 0,'LỖI','xx'

 

Bài viết liên quan:

Thêm và quản lý ảnh