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'
Thêm và quản lý ảnh