From blob how to convert to base64 – Apr 10, 2019 · Convert Base64 to image online using a free decoding tool which allows you to decode Base64 as image and preview it directly in the browser. I want to convert it to a file with the Blob object using javascript. When working with binary data like files and images in web apps, you may encounter both Blob and Base64. I have image in blob format from DB , i am holding that blob image in byte array and converting it to Binary Base64 format. js Sep 26, 2021 · 1 ACCEPTED SOLUTION. Data URLs are generally considered safe (MDN) : Encoding data into base64 format I am retrieving a Blob image from a database, and I'd like to be able to view that image using JavaScript. You can encode and decode on the fly (without knowing the total size of the data). How do I chain the functions in order to get the base64 string given that I have only the URL of the image? Thanks for the help! Below are the functions: Jul 9, 2024 · createImageBitmap () global function. For example, to get a data url, using blob: Jan 16, 2015 · I tried to convert a JPEG's base64 string to a blob on a Cordova/hybrid app running on iOS 8 using the following function b64toBlob. Buffer. png"); This gives me a file with type null. The browser will decode the string and show the image: To transform a Blob into base64, we’ll use the built-in FileReader object. And, of course, you will have a special link to download the image to your device. Allowed image types: JPG, JPEG, PNG, GIF, BMP, TIFF, SVG - Max size: 10Mb. You can then use the content of this as the content of your image merge control in Word. Once you have that, you could base64 encode the file/blob directly window. This is an example showing how to transfer a file in Base64 format using the File Just put a URL to it here and we'll apply it, in the order you have them, before the CSS in the Pen itself. im copying some of the scrips i see in some related topics I’m using this query to select and convert the blob to base64: SELECT CAST(’’ as xml). readAsDataURL(). ApproachHere we will create a gfg. I had to add the image_picker_for_web: ^2. Here’s the demo of downloading a blob, now via base-64: In this article, we would like to show how using JavaScript , convert blob or file objects to Base64. Jun 2, 2017 · You need to transform that into Blob. Base64 encoding tool supports loading the Base64 text File to transform to Image. getScreenshot(); Blob Aug 29, 2016 · So what you need to do is: Recover the Blob Object that is used to create the Blob URL. There are some oddities using fetch with local files. answered Apr 29, 2013 at 14:00. toString('base64') will convert the raw binary data in the buffer to a base64 representation of the data. Using the following in Firefox or IE (works in Chrome and Opera): xhr = new XMLHttpRequest(); xhr. There are several methods available to convert blobs to Base64, depending on the programming language or framework you are using. For example sites like Linked In dont return base 64 encoded data and they return only There Photo URL (req); Blob image = res May 2, 2020 · Base64 encoding takes up about a third more space than the original data. OP "knows" they have text stored into a blob field, and wants to see that text as text. To demonstrate this, we will build this small application: Below is the code that will use the fetch() API to retrieve the image, and will return the blob representation of the image. BASE64_ENCODE function works on RAWs, it will work with BLOBs up to 32767 bytes in PL/SQL or 4000 bytes in SQL. I am running out of time and don't know what to do as this is the requirement (Saving the image as blob). next()) { imageBlob= rs. So for your above code you would use this to get your image as Sep 13, 2022 · 2. Here's an example: CREATE OR REPLACE FUNCTION base64_encode_blob (p BLOB) RETURN BLOB IS. Approach: Canvas (for legacy browsers) Load the image into an Image-Object, paint it to a nontainted canvas and convert the canvas back to a dataURL. TO_BASE64 is a way to show an arbitrary blob using visible characters. js Oct 12, 2021 · Next, we call fetch with the imageUrl to make a GET request to the image URL. But the image is not loading. I have tried to do it with the Buffer but the base64 it's giving me is incorrect. image = Image. In the result field you will see your image, MIME type, and actual size. Here is the code I find in this answer : var blob = new Blob(["Hello, world!"], { type: 'text/plain' }); var blobUrl = URL. js using Axios; Note: if you need to convert an Image URL to base64, click on the following subheading: Convert an Image URL to base64 in Node. In the article, we present two solutions. js: Sep 27, 2010 · BASE64 encoding takes 3 Bytes of input stream and converts it to 4 * 3 Bytes. LF (Unix) CRLF (Windows) Destination newline separator. blob() This code does a couple of things. The problem lies in the line blobOriginal := base64decode1(Photo); which I used to decode the CLOB into BLOB. responseType = "arraybuffer"; var arrayBufferView = new Uint8Array( xhr. Here To encode a Blob object to Base64 in JavaScript you can use the FileReader. from(str, "base64"); stream. Mar 22, 2017 · When those images are sent to the server they are indeed Base64 encoded images. Images in JSON work, but they should be encoded as base64 strings in the JSON. { "name":" Apr 5, 2024 · Convert an Image URL to base64 in Node. This approach maintains the correct MIME type when the data is encapsulated in a Blob object and sent to the server. Dec 15, 2021 · blob を base64 に変換するためには、組み込みの FileReader オブジェクトを使用します。それは複数のフォーマットで blob からデータを読むことができます。次のチャプターでは、より詳しく説明します。 これは、blob をダウンロードするで、base64 経由です: Feb 22, 2022 · I have this function getImageAsBlob that uses HttpClient to get the image as Blob and function toBase64 which converts the retrieved blob into a base64 string. ts file: this. png", )). b64toBlob = function(b64, onsuccess, onerror) { var img = new May 10, 2016 · But since I guess that what you have is an object url ( blob:// ), then your solution is either to get the real Blob object and pass it to a FileReader, or to draw this image on a canvas, and then call its toDataURL method to get a base64 encoded version. FromBase64String(Model. and i try to convert blob data to image and read image using cv2. For encoding the blob to binary base 64 I am using below code, byte[] imageByte = getblob();//from DB. but the problems comes when im trying to display the image in perspective. The column Photo in the table Appery_Photos is of the type CLOB while column DecodedPhoto is of the type BLOB. Feb 13, 2019 · I am using react-webcam for capturing picture. When the read operation is finished, the readyState property becomes DONE, and the loadend event is triggered. 09-26-2021 01:43 PM. This is really not a good idea :-) Sending images as a JSON encoded byte array is something I've never seen, and will be about, guessing, 10x larger on the wire than the binary image. from(await blob. blob. height is the height of the image. Sep 20, 2016 · I am trying to read blob from oracle database and convert it to base64String then display it in my web page. png". To encode binaries (like images, documents, etc. Method 2: Using CONCAT() and CAST() Functions An alternative approach involves using CONCAT() to prepend a data identifier and CAST() to convert BLOB data into a suitable character set . gallery, maxWidth: 800, maxHeight: 800); var imageForWeb = await image. . 6+, Internet Explorer 10+, Safari 6+). signModalDataService. target. So far, when a Web Service with a returning Blob parameter is called, the returned value will be the Blob's file content in Base64. GetBlockBlobReference("testblob"); var bytes = Convert. Why? Because the same bytes have two instances in my main memory: as byte array + as stream. This is often used when sending a binary as an input to a Web service. After fetching a resource as an ArrayBuffer, create a blob from it. Execute() Sample. Kindly do the needful. Feb 10, 2023 · The ‘convert’ function uses the ‘fetch’ method from the ‘react-native-blob-util’ library to make a GET request to an image URL. The below approaches show the methods to convert an image into a base64 string using Javascript. fromstring('RGB',(width,height),decodestring(imagestr)) image. Mar 19, 2015 · Provided that stored procs would despite be a viable alternative for you, here's one possible solution to your problem First, let's make that nice base64encode() function of Tim Hall's into a procedure Apr 9, 2019 · 26. The data URL is returned . 2. Once the upload is complete, the tool will convert the image to Base64 encoded binary data. However, when trying to convert the image blob to base64, the base64 is showing up as null and I am not sure why. png", true ); xhr. Oct 30, 2019 · I receive longblob data from database. Storage using React-Native-Fetch-Blob and i have finally gotten something into storage but the file in storage is now full nonsense/compressed data which i can't really use for anything. Simply enter your data then push the encode button. "Sure. jpeg file. If your images are larger, you'll have to write your own function. BLOB('tiny') datatype to model a BYTEA Postgres datatype. (For that purpose, the conversion to utf16 is appropriate - if the text was originally in utf16). You can also link to another Pen here (use the . Apr 5, 2022 · In the body, gave the expression as base64(outputs('Compose')) for conversion of blob file content and clicked on save. Result. Blob to base64 ReactJs. jpeg file, So that I can save in Azure Blob Storage. Google doc to base64 string. Nov 26, 2020 · We have scenario to convert a image/pdf/audio/word item in form (BLOB) to a base64 string in oracle and Decode to Binary value in other new application as part of the data migration . Aug 30, 2021 · imagestr is the base64 encoded string. Tree shakeable and promise based. I want to convert it to a Base64 so that I can use it to display it in an EJS image tag. Since the UTL_ENCODE. You're better off using the binary image, as it will be smaller and so quicker to upload. var file = new File([blobs],"Download. I got the captured image in Base 64. Hot Network Questions Counting a class of backtracking walks Is evolution anti-entropic? ミラさん が すんで Jul 13, 2021 · I am trying to build a ui where if a button is pressed, a get request is made and an image is displayed. Image,JSONFormat. A blob represents binary data in the form of files, such as images or video. Jan 8, 2019 · For NodeJS (with node-fetch), you can get a buffer from blob using Buffer. createObjectURL to create the appropriate URL for your image, without going through the whole base 64 rigmarole. By converting the base64 string to a Uint8Array, you preserve the correct binary representation of your image data. lastModifiedDate: Tue Apr 20 2021 07:51:33 GMT-0700 (Pacific Daylight Time) {} name: "Download. pickImage(. Simply drag and drop, upload, or provide an image URL in the controls above and the encoder will quickly generate a Base64 encoded version of that image. btoa() or FileReader. Apr 27, 2022 · But, I want to upload bytes[] to blob storage. Reading from oracle is working fine and is returning data, but converting image to base64 is returning huge value (length = 1 600 000 and above) that cannot be converted to image and displayed in my page (a broken icon image is displayed). One such example is converting a base64 string to a blob using JavaScript. The createImageBitmap() method creates a bitmap from a given source, optionally cropped to contain only a portion of that source. The upcoming sections of this blog post will delve into the process of creating a BLOB from a Base64 string using JavaScript. Below I provide a simple example which is supported by most popular browsers (Chrome 6+, Edge 12+, Firefox 3. What do you do? Sep 8, 2023 · A Uint8Array is used to correctly represent the binary data, where each element is a single byte of data. Is there any method to convert base64 string to . // Define the FileReader which is able to read the contents of Blob var reader = new FileReader(); Javascript utility to convert Blob to Base64, ImageData or ObjectUrl back and forth. save("foo. This function converts a BLOB datatype into a CLOB that is base64 -encoded. from(response,'binary'). On the POST request they need to send a JSON on the body that looks something like this. Jun 15, 2013 · You can use the base64-stream Node. result; }; fileReader. byte[] encodedImage = Base64. Examples: Save image from base64 encoded string in SQL Server database as a png file. To convert our images to data URL we will need to use File Reader. If it's using a matchingpreprocessor, use the appropriate URL Extension and we'll combine the code before preprocessing May 14, 2024 · The readAsDataURL() method of the FileReader interface is used to read the contents of the specified Blob or File. Extracts the blob. So I tried converting blob data to base64 like below code but it failed. Aug 27, 2020 · Web browsers provide a variety of data primitives that web developers use to manage, manipulate, and store data – from plain text, to files, images, videos and more. ContentVersion co = [Select id,pathOnClient,title,versionData from ContentVersion ]; Blob image = EncodingUtil. body. At that time, the result attribute contains the data as a data: URL representing the file's data as a base64 encoded string. Most Valuable Professional. Reads a local file using fetch. before loading to the canvas. Below is an in-depth explanation with code examples and outputs for each step. 0 didn't include the paths to the file, e. Mar 14, 2019 · To answer the question regarding Postgres and Sequelize: You will need to use the Sequelize. open( "GET", imgUrl + ". value(‘xs:base64Binary(sql:column(“filedata”))’, ‘varbinary(MAX)’) FROM files WHERE Nov 27, 2014 · That includes the value Photo which is an image of base64 formate and it is much larger than 32KB. Aug 24, 2023 · In this method, the TO_BASE64() function takes the blob_data column as input and produces Base64-encoded data in the base64_data column. Apr 19, 2016 · You can use base-64 to convert data to BASE64 encoded string, but I'm not sure if it can create a correct Blob object for you. Encode "blob" to Base64 format. Then we call response. Here is more information about datatypes in Sequelize (it also contains the above information): A big thank you to @Musa and here is a neat function that converts the data to a base64 string. versiondata); Share. You can create a buffer from a base64 string like this: var str = "iAAANS. CloudBlockBlob cblob = cont. /static/test-image. YourPictureURI add a image object, select the image object and select the property Image. image is stored in database in binary format so once it comes to server using decode function to get it back to image. This tool helps to convert base64 string / text to image. The blob is just a block of binary data with some type metadata. write(buf); Jul 20, 2021 · Specifying the version number of the SDK will be necessary. According to your description, we can upload the image file to azure storage by using UploadFromStream(stream), Please have a try to do it with following sample code. Im using script to store filedata as varbinary(max) in mssqlserver. Length); It's working, but inefficient. shortened it with just the image name. May 27, 2011 · Once started on the folder that contains the picture to transform, open the url in browser and using developer console you can convert the image to base 64. I can't figure out how to convert a Blob-URL to a Base64 string and then send that to Cloudinary. webcam. This is my HTML: And this is my . 1. From the API Url i am getting an image in the response need to capture that image and convert to base64. 0. Finally, we call readAsDataURL with imageBlob to read it into a base64 string. 2. After it's done i want to save the blob as a PDF file using FileSaver. ContentBase64 = WebServiceBlob. getBlob("face"); } after that my imageBlob is something like this: data:image/png;base64,iVBORw0KGgoAAAANSUhE. js you don't have Blobs but Buffers. Google Apps Script - Convert base 64 Image source to an image file. After cropping, the image is output in base64. component. Jun 6, 2023 · Blobs provide efficient binary storage for data like files while Base64 converts binary data to text encoding for transmission and embedding. img = base64. width is the width of the image. toString() can also take other encodings, you can read more about the other supported encodings in the docs. player_image) for the end point is confirmed as correct. from PIL import Image. The browser just shows you a blob URL when the content is pasted/dragged into the editor. Since you’re receiving a Buffer back as output, Buffer. console. CONVERT STRING TO IMAGE. It can read data from Blobs in multiple formats. Converting Blobs to Base64: Methods. Select the Upload button to send the image file directly to Storage. png") Since the imagestr is just the encoded png data. js; The first 3 subheadings convert a local image file to base64. From response, blob i am getting . The image is then converted to Base64 format using the ‘base64’ method, and the resulting string is logged to the console. WarrenBelz. Foe that, I will pass only byte[] array, and it should upload. In the next chapter we’ll cover it more in-depth. SUVORK5CYII="; // <-- use real base64 string here var buf = Buffer. log(res); let blob = new Blob([res['_body']], {type: 'image/png'}); Mar 7, 2022 · I am getting a blob image in response to an internal call to a MicroService in node ts. encodeBase64(imageByte); is there any other way to do it or am doing it in right way . FromBase64String Aug 8, 2019 · Create image file (Base64 to blob) using Google Appscript. Go with BLOB, mate. 5 BLOB2CLOBBASE64 Function. The benefit of this method is that you can convert the image without having to buffer the whole thing into memory, and without using the request module. decode('base64') this will convert your blob to image. It accepts a variety of different image sources, and returns a Sep 8, 2023 · Blob URLs are typically used to represent binary data, such as images or files, in a URL-like format. In addition, you will receive some basic information about this image (resolution, MIME type, extension, size). in mail bodies). 8 and convert the photo to Base64 with the code below: var image = await picker. Jun 4, 2009 · NOTE: TO_BASE64 has a different purpose than the original post's question (OP). How do I convert image file to base64? 2. This tool helps you to convert your Base64 String to image with Ease. Blob is short for "Binary Large Object" and is a data type that can store binary data. Jun 6, 2018 · I am sending the base 64string to nodejs and I want to convert base64 String to . js file which will include JavaScript code and one gfg. I've been googling around but I haven't found any solution to my problem: how do I create an image file and save it on the disk from this BLOB? Aug 1, 2013 · 1. Aug 11, 2021 · How to convert Base64 image to BLOB in React js. type can be obtained from the response header. js module, which is a streaming Base64 encoder / decoder. Another alternative, and probably the preferred alternative, is Apr 19, 2017 · I am trying to store images in Firebase. cssURL Extension) and we'll pull the CSS from that Pen and include it. Jun 25, 2018 · It is better and more secure to convert the blob (image) into a data-url (a base64 string) and set that as the src for your image element. image. I am trying to get a blob response from a request, and then generate a URL from that blob and set this URL as an image's source. 6. A blob represents binary data […] Nov 24, 2017 · Search your conscience. base64Decode(Co. /home. This is my file in console. Data URL with Base64 example. Here’s the demo of downloading a blob, now via base-64: Feb 1, 2022 · 7. . May 29, 2017 · To convert image to base64 in React native, the FileReader utility is helpful: const fileReader = new FileReader (); fileReader. Oct 4, 2018 · var buffer = Convert. Uri. g. Dec 16, 2022 · Base64 encoding is widely used in web development for tasks like embedding images in HTML or transmitting files via APIs. Above, we have two async functions for our image conversion. They do however, provide a Blob Url. And the info from blob. Jun 24, 2024 · In this article, we will convert an image into a base64 string using Javascript. Result : To save in the SQL Database Row, use SQL Server connector in the next step - provide the SQL Server Name, Database Name, Username and password if authentication provided or Client Id, Tenant Id, Client Secret if Azure I have a Base64 string representing a PDF file. size: 3. Ensure that value of substring_length is a whole multiple of 4 for BASE64_DECODE, resp. ) use the file upload form a little further down on this page. The received base64 (req. onload = fileLoadedEvent => { const base64Image = fileLoadedEvent. js. jpg or *. Encode each line separately (useful for when you have multiple With elmah. I wounder if it possible to upload the BASE64 as text, and letting the server understand that this is BASE64 May 5, 2021 · How do I convert base64 string image to blob in React Native? 0. readAsDataURL() method. Step 1: Fetch the Blob Data Oct 25, 2023 · The code to do this looks like the following. This may come handy to you when handling a binary file (pdf, png, jpeg, docx, ) file in a WebView that gets the binary file but you need to transfer the file's data safely into your app. createBlockBlobFromLocalFile() Dec 6, 2019 · Set the OnSelect property of the "Convert" button to following: Set(BinaryImageData, Substitute(JSON(UploadedImage1. While related, these are two distinct approaches for handling binaries. The method exists on the global scope in both windows and workers. You don't even need to run the image through optimization before generating Nov 11, 2021 · To be able to convert an image to base64 format, first the image has to be of type "blob". Jan 3, 2020 · I'm not sure if this will work and due to the vagaries of Stack Snippets, can't demonstrate its viability here on Stack Overflow, but theoretically, you should be able to use URL. Use readAsDataURL to convert the recovered Blob Object to base64 url. Click on the Upload File button and select File. Select the Get a SAS button to request a SAS token from the API app. css'], Apr 1, 2015 · I have an image cropper that takes in an image, immediately converts it to a blob. Suppose you have an image in string format that needs to be uploaded to a server. Now we will put onchange on the input type and this will execute a functi Select an image file (*. After converting image, you can download this as png file / picture. However, you don't need to get a blob from node-fetch. createE Aug 12, 2020 · I got stuck on the fact that React-Dropzone as of version 8. The following code produces a broken image icon on the page: var image = document. If you look at this documentation page it outlines what you can configure TinyMCE to do when images are pasted/dragged into the editor: Oct 9, 2012 · 5. It Stack Overflow for Teams Where developers & technologists share private knowledge with coworkers; Advertising & Talent Reach devs & technologists worldwide about your product, service or employer brand Use our online tool to encode an image to Base64 binary data. ContentBase64 contains the Base64 content and could be a LongVarChar, for instance. blob to return a promise with the image blob object. 47. File); await blob. io's free image to Base64 encoder, it's easy to copy and paste markup or style for exactly your codebase. source: ImageSource. It works for me. Below is my component: @Component({. UploadFromByteArrayAsync(buffer, 0, buffer. " However, blob is just [object blob], while I need to get the binary from the image so I can convert it to base64 and display it in a img tag using data. Images in the DB are an antipattern. Apr 25, 2023 · Let's see how we can use React to fetch an image at a given URL and convert that image to blob data. selector: 'home', templateUrl: '. html', styleUrls: ['. I found the solution to my problem. readAsBytes(); String base64Image = base64Encode(imageForWeb); yes . ". May 16, 2022 · The browser will decode the string and show the image: To transform a Blob into base64, we’ll use the built-in FileReader object. Base64 is also stream friendly. This skill proves valuable in various situations, particularly when there's a need to store images or files in a database. node. subscribe((res) => {. YourPictureResourceURI. html file. The response shows the full URL to use to upload the file to Storage. While base64 is fine for transport, do not store your images base64 encoded. However, the available API accepts the image in blob format only. If you can get the blob : var dataURI; var reader = new FileReader(); Dec 11, 2018 · Learn how to display an image from a Blob using the ArrayBuffer as a source for the image tag. Base 64 takes more space than whatever bytes you converted and it takes linear time to convert bytes to a base64 string. l_raw RAW(24573); l_base64 RAW(32767); l_result BLOB; Sep 18, 2019 · If you're referencing image Selected Parent record from datasource gallery you can use: ThisItem. Apr 2, 2021 · Which means the saved blob is actually "[object Blob]". createObjectURL(blob); Apr 20, 2021 · 0. response = Buffer. Blob {type: "image/jpeg", size: 40092, slice: function}size: 40092type: "image/jpeg"__proto__: Blob. Convert Image data type into Base64 and Base64 into Image data type. In JavaScript, it is possible to convert objects to Data URLs with May 19, 2018 · Blob imageBlob; while (rs. response ); var blob = new Blob( [ arrayBufferView ], { type: "image/png" } ); I get: uncaught exception: Input must be formatted Mar 31, 2022 · Hi. Dec 11, 2016 · 12. Add record reference: ThisItem. Sep 30, 2020 · One such example is converting a base64 string to a blob using JavaScript. Not the image. If you need to get Base64 string from Image please visit another free web tool Online Image Encoder. previewSignature. Each of these 3 Bytes are mapped to 64 different characters (a-z, A-Z, 0-9, "+", "/" - thus you get name BASE64). There is no need of setImageUrl always the url is same. how do I turn the blob back into BASE64 or image so that I can use the image in my application ` Feb 20, 2017 · In Node. arrayBuffer());. AbsoluteUri; } Mar 18, 2016 · I want to upload profile picture of a user sent from web app and mobile app via Base64 form. Base64 provides no checksum or anything of any value for storage. I need to be able to convert the base64 image back to blob or image, so I can POST Mar 18, 2016 · Azure Function to get image from Blob Storage stopped working on Local Azure Emulator (Azurite) 3 Nodejs upload base64 image to azure blob storage using . It was designed to safely send data through text (e. To convert an image to base64 using Node. I have tried to convert blobs to image file using the below code. IncludeBinaryData),"""","")) Then if you want to save the Base64 data back to your SP List, please use the BinaryImageData variable. png) from your local computer to upload. You can just get a buffer directly from the response. lastModified: 1618930293005. However, using them correctly and effectively can be confusing. Destination character set. - blob_conversions_util. toString('base64'); I have also tried the Jun 13, 2023 · In this blog, we will learn how to handle a common scenario encountered by software engineers: converting a Base64 string to a BLOB in JavaScript. How can I do ? public static async Task<string> UploadFileToBlobStorage(byte[] array) { return blob. I want to convert it into Blob capture = () => { const imageSrc = this. Apr 29, 2013 · 5. # How to convert an Image to base64 using Node. It does not. Hi @Mjetek404 , You need to store the image as Base64 Text (using JSON) in a Multi-line text field and then make a file in OneDrive using base64ToBinary conversion. Note: This feature is available in Web Workers. readAsDataURL (imagepath); This requires react-native-file. In this section, the presented solution returns base64 data for an indicated blob or file object. from base64 import decodestring. a whole multiple of 3 for BASE64_ENCODE. From my understanding, Blob is an bridge between JS context and file system, React Native does not have file system API itself yet, therefore you might get a Blob object but it's always empty. You can copy the encoded data by clicking in the output text areas. Get started by uploading your image by clicking the Upload image button. However, the storage SDKs generally do not alter the blob content being uploaded in any way. To convert a Blob URL to Base64, you'll need to fetch the Blob data, read it, and then encode it as Base64. 1. Let’s explore a few commonly used methods: Online Image Decoder. blob = await (await fetch(. For example, you can embed a base64 encoded image into an XML document or an email message.
hs at ns ee pv nf yy ak jc zl